jquery - 使用 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('«');         
});

但它不起作用，为什么？

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

.on() 事件处理程序的文档http://api.jquery.com/on/

Answer 3

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