범위에 텍스트 설정

범위에 텍스트 설정

---

이 스팬이 있습니다

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

---

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

---

범위에 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 아이콘도 변경됩니다.

---

시도해보세요. 먼저 클래스가 "ui-icon-circle-triangle-w"인 span을 포함하는 앵커 태그를 찾은 다음 span의 텍스트를 "<<"로 설정합니다.

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

참고 URL : https://stackoverflow.com/questions/13492967/set-the-text-in-a-span