75

私はこのスパンを持っています

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

<<スパンのテキストを現在のテキストの代わりに設定する必要がありますPrev。

以下でこれを試しましたが、期待どおりにテキストが変更されませんでした。これはどのように行うことができますか？

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

6 に答える 6

144

代わりに使用.text()し、セレクターを変更してください。

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

-デモを見る-

于 2012-11-21T12:12:57.473 に答える
13

これは、セレクターが間違っているためです。マークアップによると.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("<<");
于 2012-11-21T12:12:47.810 に答える
5

セレクターを修正する必要があります。CSS構文では、複数のクラスをスペースで区切る必要がありますが、セレクター構文では、それらを直接連結し、ドットプレフィックスを付ける必要があります。

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

以上：

$(".ui-datepicker-prev > span").text(...);
于 2012-11-21T12:13:11.437 に答える
4 
$('.ui-icon-circle-triangle-w').text('<<');
于 2012-11-21T12:13:08.043 に答える
2

スパンに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アイコンも変更されます。

于 2013-11-04T00:14:37.550 に答える
2

試してみてください。最初にクラス「ui-icon-circle-triangle-w」のスパンを含むアンカータグを探し、次にスパンのテキストを「<<」に設定します。

$('a span.ui-icon-circle-triangle-w').text('<<');
于 2016-01-14T10:07:32.110 に答える