3

私は次のHTMLを持っています:

<a title="Prev" data-event="click" data-handler="prev" class="ui-datepicker-prev ui-corner-all">
       <span class="ui-icon ui-icon-circle-triangle-w">Prev</span>
   </a>

jqueryを使用してスパンをクリックしたら、「Prev」を変更する必要があります。

これは私のコードです:

$(".ui-icon.ui-icon-circle-triangle-w").click(function(){ 
    $(".ui-icon.ui-icon-circle-triangle-w").html('«');         
});

しかし、それはうまくいきません、なぜですか？

4

3 に答える 3

9

コードの実行が早すぎる可能性があります。そして、コードが実行されたときに html 要素が存在しないだけです。だから$(".ui-icon.ui-icon-circle-triangle-w")ただ空です。

これを使用できます：

$("body").on('click', ".ui-icon.ui-icon-circle-triangle-w", function(){ 
    $(this).html('«');         
});
于 2012-11-21T13:03:58.510 に答える
4

<span>あなたのクラスを与える：

<a title="Prev" data-event="click" data-handler="prev" class="ui-datepicker-prev ui-corner-all">
       <span class="prevSpan ui-icon ui-icon-circle-triangle-w">Prev</span></a>

そしてそれをjQuery経由で使用します：

$(".prevSpan").text("«");

クリック イベントのイベント ハンドラーが必要です.on()
。最後に次のコードを使用します。

$(document).ready(function(){
  $('.prevSpan').on('click',function(){
    $(".prevSpan").text("«");
  });
});

.on() イベントハンドラのドキュメントhttp://api.jquery.com/on/

于 2012-11-21T13:35:17.393 に答える