的onclick上跨度使用jQuery

Question

我有以下的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

這是我的代碼

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

但DOWS不工作，爲什麼？

Answer 1

也許你的代碼執行得太早。當你的代碼執行時，你的html元素就不存在了。所以$(".ui-icon.ui-icon-circle-triangle-w")只是空的。

您可以使用此：

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

Answer 2

給你<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("«"); 
    }); 
}); 

文檔的。對（）事件處理程序http://api.jquery.com/on/