선택 숨겨진 범위

Question

usorted 목록의 첫 번째 항목에서 범위를 선택하려고

하지만 난 꽤 괜찮

<li class="chapterItem"> <a 
    href="http://www.neuromanga.com/mangaReader.php?chapterNo=12&amp;#pageNo=1" 
    title="http://www.neuromanga.com/mangaReader.php?chapterNo=12&amp;#pageNo=1 
    ">Naruto 522 world</a> <span 
    id="date">Nov 21st 2010</span> <br> 
    <span style="display:none" 
    class="hiddenChapNo">12</span> </li> 

다음은 DOM을 얻을 수없는 것 내가 선택하는 데 사용할 노력 JQuery와 코드 그것은 작동해야처럼

alert($('li').first().$('.hiddenChapNo').text()); 

Answer 1

코드는 확실히 내가 그것을 여행이 일하기 전에 다른 <li>이 있다고 가정 보인다.

또한 웹 페이지에서 ID는 고유해야하므로 $('#hiddenChapNo')으로 충분해야합니다.

숨겨진 스팬이 여러 개가 필요하다고 가정하면 적절한 표시 방법은 <span class="hiddenChapNo"> (인라인 스타일 대신 CSS로 숨길 수 있음)입니다.

Answer 2

alert($('#hiddenChapNo').text());을 사용해보세요. id은 페이지에서 고유해야하며 필요한 경우 클래스를 사용해야합니다.

Answer 3

는이 같은, 여기 자손을 얻기 위해 .find()를 사용해야합니다 :

alert($('li').first().find('.hiddenChapNo').text()); 

또는 좀 더 컴팩트 :first와 및 descendant selector (공간) :

alert($('li:first .hiddenChapNo').text()); 

Answer 4

해결책

발견

alert($('.hiddenChapNo').first().text());