스팬에서 값을 가져 오는 방법, 스팬에서 값을 가져 오는 방법, 내부에 자식 요소가없는 방법

Question

내 범위에서 하나의 값만 가져 오려고합니다.

HTML :

<span id="box1"> 
    value1 
     <span class="box2">value2</span> 
     <span class="box3">value3</span> 
</span> 

jQuery를 : 이것은 내 코드와 같은 모습입니다

는

var str = $('#box1').text(); 
alert(str); 

이 반환

value1 
    value2 
    value3 

가 어떻게 "값 1"을받을 수 있나요?

Answer 1

이 작업을 수행 할 수 있습니다

var text = $('#box1').clone().children().remove().end().text(); 

Answer 2

이 주위에 자신의 <span>을 넣습니다. 그 하나는 HTML을 변경하지하는 요구 사항을했기 때문에

<span id="box1"> 
    <span id="span1">value1</span> 
     <span class="box2">value2</span> 
     <span class="box3">value3</span> 
</span> 

는이

var str = $('#span1').text();