(여섯 번째 또는 두 번째 등처럼) 그래서 나는 조직적 목록이 있습니다목록에서 특정 목록 항목을 선택하는 방법은 무엇입니까?
<ul id="box">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
을 예를 들어 나는 두 번째를 원한다. 이런 식으로 할 수 있을까요? :
$("#box li").[2].click();
(여섯 번째 또는 두 번째 등처럼) 그래서 나는 조직적 목록이 있습니다목록에서 특정 목록 항목을 선택하는 방법은 무엇입니까?
<ul id="box">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
을 예를 들어 나는 두 번째를 원한다. 이런 식으로 할 수 있을까요? :
$("#box li").[2].click();
:
$("#box li").eq(2).click();
$("#box li:eq(2)").click();
또는
$("#box li:nth-child(3)").click();
:nth-child은 CSS 유사 클라 ss이며 1부터 시작하여 eq()이고 :eq()은 0부터 시작하는 배열 색인입니다. 따라서 nth-child(3)
은 eq(2)
과 같은 요소입니다.
이 부분을 확인하는 것이 흥미로울 수도 있습니다. fiddle.
나는 고쳐졌다 : http://www.w3.org/TR/css3-selectors/#nth-last-child-pseudo (당신이 옳고 그른지에 대해 궁금한 점이 있다면 항상 W3C의 사이트, HTML 및 CSS) =) –
@DavidThomas, 좋은 지적입니다. W3C의 링크도 변경했습니다. – Sergio
.eq()
기능을 사용할 수 있습니다. 두 번째 요소를 원하는 경우는 요소가 될 것입니다, 그래서 첫 번째 인덱스가 0이라고
$('#box li').eq(2).click();
주 1
넌 .eq() 또는 여기
$("#box li").eq(2).click();
$("#box li:eq(2)").click();
:eq()가 넌 제로 기반으로 :eq()
선택기를 사용하여 사용할 수 있으므로, n은 가변되는 경우, 두 번째 요소 :eq(1)
$("#box li:eq(1)").click();
것, 사용할 수 있습니다
$('#box li:eq(' + variable + ')').click()
그런 다음 당신이 첫번째 행을 클릭 할 경우, 당신은 당신의 첫번째 추측에 경우 거의 정확
clicklist(3);
사실
clicklist(0);
을한다. 그냥 점을 제거하십시오.
$($("#box li")[2]).click(function(){
alert('you clicked the third element');
});
마크 업과 함께 작동합니다. =>http://jsfiddle.net/jju9J/
eq() 함수를 사용할 수도 있습니다. 그러나 기본적인 방법은 당신이하는 일을 더 잘 이해하게합니다.
이 작업을 수행 했습니까? – Sergio