У меня есть этот диапазон
<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('<<');
Используйте .text() вместо этого и измените свой селектор:
$(".ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w").text('<<');
Это потому, что у вас неправильный селектор. Согласно вашей разметке, .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("<<");
Вам нужно исправить свой селектор. Несмотря на то, что синтаксис CSS требует разделения нескольких классов, синтаксис селектора требует, чтобы они были непосредственно объединены и префикс точки:
$(".ui-icon.ui-icon-circle-triangle-w").text(...);
или лучше:
$(".ui-datepicker-prev > span").text(...);
$('.ui-icon-circle-triangle-w').text('<<');
Дайте идентификатор вашему диапазону, а затем измените текст целевого диапазона.
$("#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>
Здесь текст "Ошибка" станет "Info", и их значки шрифтов также будут изменены.
Попробуйте. Сначала он будет искать тег привязки, который содержит span с классом "ui-icon-circle-triangle-w", после чего он устанавливает текст span на "< <".
$('a span.ui-icon-circle-triangle-w').text('<<');