将文本设置为跨度

我有这个跨度

<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的文本设置为<<而不是其当前文本。

我在下面试过，但没有按照我的预期改变文字。 如何才能做到这一点？

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

Answer 1

使用.text()代替，并更改您的select器：

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

– 查看演示 –

Answer 2

这是因为你有错误的select器。 根据你的标记， .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

你需要修复你的select器。 虽然CSS语法要求多个类空间分离，但select器语法要求将它们直接连接起来，并且使用点前缀：

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

或更好：

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

Answer 4

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

Answer 5

为您的范围提供一个ID，然后更改目标范围的文本。

 $("#StatusTitle").text("Info"); $("#StatusTitleIcon").removeClass("fa-exclamation").addClass("fa-info-circle"); <i id="StatusTitleIcon" class="fa fa-exclamation fa-fw"></i> <span id="StatusTitle">Error</span> 

这里“错误”文本将成为“信息”，他们的fontawesome图标也将被改变。

Answer 6

试试看。首先查找包含“ui-icon-circle-triangle-w”类的span标签，然后将span的文本设置为“<<”。

 $('a span.ui-icon-circle-triangle-w').text('<<');