在跨度中设置文本

Question

我有这个范围

<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>

我需要将span的文本设置为<<而不是当前文本Prev.

我在下面尝试了这个,但它没有像我预期的那样改变文本.如何才能做到这一点？

 $(".ui-icon .ui-icon-circle-triangle-w").html('<<');

Answer 1

请.text()改用您的选择器:

$(".ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w").text('<<');

- 查看演示 -

Answer 2

这是因为你有错误的选择器.根据你的标记,.ui-icon并且.ui-icon-circle-triangle-w"应该指向相同的<span>元素.所以你应该使用:

$(".ui-icon.ui-icon-circle-triangle-w").html("<<");

要么

$(".ui-datepicker-prev .ui-icon").html("<<");

要么

$(".ui-datepicker-prev span").html("<<");

Answer 3

你需要修复你的选择器.虽然CSS语法要求多个类是空格分隔的,但选择器语法要求它们直接连接,并以点为前缀:

$(".ui-icon.ui-icon-circle-triangle-w").text(...);

或更好:

$(".ui-datepicker-prev > span").text(...);