2010-03-30 10 views
6

JQuery를 사용하면 체크 박스 바로 다음에 텍스트를 선택할 수있는 간단한 방법이 있습니까?JQuery 입력 확인란 옆에 텍스트를 선택 하시겠습니까?

<li>bleh..</li> 
<li> 
    <input type="checkbox" id="cbx1" value="10" />&nbsp;Very important text. 
</li> 
<li>bleh..</li> 

"매우 중요한 텍스트"를 선택하려면 jquery를 사용하고 싶습니다. 마이너스 &nbsp;

답변

13

더 나은 솔루션은 텍스트를 래핑 할 수 있습니다 label 요소 :

<li> 
    <input type="checkbox" id="cbx1" value="10" /> 
    <label for="cbx1">Very important text.</label> 
</li> 

다음과 같은 텍스트 :

var text = $('label[for="cbx1"]').text(); 

이렇게하면 문서의 의미도 향상됩니다.

+0

고마워요. 텍스트를 클릭하면 체크 박스가 전환되는 것을 좋아해요. Windows에서 익숙한 방식 일뿐입니다. –

8

당신이 말한 것을 수행합니다

var text = $('#cbx1').parent().text(); 

당신은,하지만 확실하지 그것을 트림해야 할 수 있습니다 &nbsp; :

var text = $.trim($('#cbx1').parent().text()); 
+1

+1 트림 버전이 이에 대한 최상의 답변입니다. –

+0

아 .text()는 실제로 텍스트를 가져오고 html 요소 (확인란)를 무시합니다. 이제는 .text()와 .html() 간의 차이점을 분명히 알 수 있습니다. –