Установите текст в промежутке

У меня есть этот диапазон

<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('<<');

Ответы

Ответ 1

Используйте .text() вместо этого и измените свой селектор:

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

- ПРОСМОТР ДЕМО -

Ответ 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("<<");

Ответ 3

Вам нужно исправить свой селектор. Несмотря на то, что синтаксис CSS требует разделения нескольких классов, синтаксис селектора требует, чтобы они были непосредственно объединены и префикс точки:

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

или лучше:

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

Ответ 4

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

Ответ 5

Дайте идентификатор вашему диапазону, а затем измените текст целевого диапазона.

$("#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", и их значки шрифтов также будут изменены.

Ответ 6

Попробуйте. Сначала он будет искать тег привязки, который содержит span с классом "ui-icon-circle-triangle-w", после чего он устанавливает текст span на "< <".

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