스팬 안에 텍스트 설정

스팬 안에 텍스트 설정

이 스판이 있어요.

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

-- VIEW DEMO --

선택을 잘못하셨기 때문입니다.마크업에 의하면.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('<<');

해보세요.먼저 클래스 "ui-icon-circle-triangle-w"로 스팬이 포함된 앵커 태그를 찾은 다음 스팬 텍스트를 "<<"로 설정합니다.

$('a span.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>

여기서 "Error" 텍스트는 "Info"가 되고 일부 아이콘의 글꼴도 변경됩니다.

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