jquery - jqueryを使用してクラスを持つdiv内のテキストを変更します

Question

jquery を使用してテンプレート内のテキストを編集する際に問題が発生しています。選択できないようです。ここに私が持っているものがあります:

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

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

「ここをクリック」というテキストを編集したい

Answer 1

セレクターはa、 class を持つ要素の子孫である要素を探し.smallButtonます。

これを試して：

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

作業フィドル: http://jsfiddle.net/9ntH6/

Answer 2

ジェイソンのソリューションが機能するはずです。それ以外の場合は、クラス セレクタのみを使用して html を変更します

$('.smallButton').html('新しいテキスト');