jquery를 사용하여 클래스가있는 div 내 텍스트 변경

jquery를 사용하여 템플릿 내에있는 텍스트를 편집하는 데 문제가 있습니다. 선택할 수없는 것 같습니다.jquery를 사용하여 클래스가있는 div 내 텍스트 변경

<div id="container"> 
<a class="teamLink smallButton" href="#">Click Here</a> 
</div> 

<script> 
$('.smallButton a').text('new text'); 
</script>

내가

당신의 선택 클래스 .smallButton을 가진 요소의 후손 a 요소에 보이는 텍스트를 편집 "여기를 클릭"하고 싶은 : 여기에 내가 가진 것입니다.

이 시도 :

$(document).ready(function() { 
    $('a.smallButton').text('new text'); 
});

2013-08-14 17:45:34

이 역시 작동하지 않으며 텍스트가 업데이트되지 않았습니다. – user2547566

@ user2547566 나는 일하는 바이올린을 올렸다. 문제는 다른 곳에 있어야합니다. 문제를 보여주는 바이올린을 게시 할 수 있습니까? –

@ user2547566 수정 된 답변보기 DOM이 준비 될 때까지 기다려야합니다. 그렇지 않으면 대상을 지정할 때 요소가 존재하지 않습니다. –

Jasons 솔루션은 작동합니다. else 클래스 선택기 만 사용하고 html을 변경하십시오.

$ ('. smallButton') .html ('new text');

2013-08-14 18:08:14 Farhan

아, 고마워, 그냥 시간 초과 기능을 설정했다, 그것은 효과가! – user2547566

답변