jQuery 특정 클래스의 첫 번째 X 항목을 선택하십시오

약간의 jQuery 함수 호출을 작성했습니다. jQuery 선택기 (즉, 지정된 클래스 또는 ID에 기초한 요소)에 대해. jQuery.get () 함수를 사용하며 기본적으로 그 확장이지만 다양한 요소를 반환 할 수 있습니다. 첫째, 당신은 다음과 같은 첫 번째 및 마지막 요소를 얻는 것을 알아야합니다.

SO와 같은 지정된 클래스와 일치하는 모든 요소를 ​​얻으려면 다음과 같습니다.

<span>var firstSpan = $('span.class:first'),
</span>    lastSpan <span>= $('span.class:last');</span>

또는 그렇지 않은 n 번째 요소 :

<span>var allSpans = $('span.class').get();</span>

그러나 처음 10 개의 요소 또는 요소 10-20을 말하는 방법은 무엇입니까? 다음과 같은 것을하는 것이 좋을 것입니다.

<span>var firstSpan = $('span.class').get(0),
</span>    secondSpan <span>= $('span.class').get(1);
</span>    <span>//etc...</span>

불행히도 .get () 함수는 범위를 전달할 수는 없지만 단일 인덱스 만 허용하지 않습니다. jQuery .get () 함수를 사용하여 다양한 요소를 포함하려는 시도가 있습니다.

<span>var mySpans = $('span.class').get(0,10);</span>

산출:

<span>(function($)
</span><span>{
</span>  <span>//function that gets a range of dom elements against a jQuery selector
</span>  <span>//returns an array of dom elements
</span>  $<span>.fn.getRange = function(start<span>,end</span>)
</span>  <span>{
</span>    <span>var elems = [];
</span>    <span>for ( var i = start; i < = end; i++ )
</span>    <span>{
</span>      elems<span>.push(this.get(i));
</span>    <span>}
</span>    <span>return elems;
</span>  <span>};
</span>
  <span>//testing
</span>  <span>console.log($('div').getRange(1,10));
</span>  <span>console.log($('div').getRange(10,20));
</span>
<span>})(jQuery);</span>

이런 식으로 작동하지만 최적의 솔루션이 아니라고 생각하는 사람이라면 누구나이를 달성하는 더 좋은 방법을 알고 있습니까? 특정 클래스가있는 jQuery에 대한 자주 묻는 질문 (FAQ) jQuery에서 특정 클래스가있는 첫 번째 항목을 선택하려면 jQuery에서 특정 클래스가있는 첫 번째 항목을 선택하려면 클래스 선택기와 첫 번째 선택기의 조합을 사용할 수 있습니다. 클래스 셀렉터는 기간 (.)에 의해 표시되고 클래스 이름이 표시되고 : 첫 번째 선택기는 지정된 유형의 첫 번째 요소를 선택하는 데 사용됩니다. 예는 다음과 같습니다. $ ( ". myclass : first"). doSomething ();

이 예에서는 클래스“myClass”가있는 첫 번째 요소가 선택됩니다.

jquery에서 동일한 클래스를 가진 여러 항목을 선택할 수 있습니까? 클래스 선택기 (.)는 특정 클래스의 모든 요소를 ​​선택하는 데 사용됩니다. 예는 다음과 같습니다.

$ ( ". myclass"). dosomething ();

이 예에서는 클래스 "myclass"가있는 모든 요소가 선택됩니다.

jquery에서 특정 클래스를 사용하여 마지막 클래스를 선택하는 마지막 항목을 선택할 수 있습니까? : 마지막 선택기는 지정된 유형의 마지막 요소를 선택하는 데 사용됩니다. 예는 다음과 같습니다.
$ ( ". myclass : last"). dosomething ();
이 예에서는 "myclass"클래스가있는 마지막 요소가 선택됩니다.
$ ( ". class1.class2"). dosomething ();

이 예에서는 "class1"과 "class2"가 모두있는 요소가 선택됩니다.

.

jQuery의 특정 요소 내에 특정 클래스가있는 항목을 선택하려면 jQuery의 특정 요소 내에 특정 클래스가있는 항목을 선택하려면 Descendant 선택기 (공간)를 사용할 수 있습니다. 예는 다음과 같습니다.

$ ( "div .myclass"). dosomething ();

이 예에서는 div 요소 내의 클래스“myclass”가있는 요소가 선택됩니다.

jquery에 숨겨져있는 특정 클래스를 가진 특정 클래스를 가진 항목을 선택할 수 있습니까? 클래스 선택기와 다음과 같은 클래스 선택기의 조합을 사용할 수 있습니다. 예는 다음과 같습니다.
$ ( ". myclass : hidden"). doSomething ();
이 예에서는 "myclass"클래스가있는 숨겨진 요소가 선택됩니다.

jquery에서 볼 수있는 특정 클래스를 가진 특정 수업을 선택할 수있는 항목을 선택할 수있는 방법은 무엇입니까? 클래스 선택기 및 : 가시 선택기. 예는 다음과 같습니다.

$ ( ". myclass : visible"). doSomething ();

이 예에서는 "myclass"클래스가있는 가시 요소가 선택됩니다.

jquery에서 장애가있는 특정 클래스를 가진 특정 클래스를 가진 항목을 선택할 수 있습니까? 클래스 선택기와 다음 : 비활성화 된 선택기의 조합을 사용할 수 있습니다. 예는 다음과 같습니다.
$ ( ". myclass : disabled"). doSomething ();
이 예에서는 "myclass"클래스의 비활성화 요소가 선택됩니다.

jquery에서 활성화 된 특정 클래스를 사용하여 특정 클래스를 선택할 수있는 특정 항목을 선택할 수 있습니까? 선택기 및 : 활성화 된 선택기. 예는 다음과 같습니다.

$ ( ". myclass : enabled"). dosomething ();

이 예에서는 "myclass"클래스가있는 활성화 된 요소가 선택됩니다.

jquery에서 확인되는 특정 클래스로 특정 클래스를 선택할 수 있습니까? 클래스 선택기와 : 점검 된 선택기의 조합을 사용할 수 있습니다. 예는 다음과 같습니다.
$ ( ". myclass : checked"). dosomething ();

이 예에서는 클래스“myclass”가있는 확인 된 요소가 선택됩니다.

.

위 내용은 jQuery 특정 클래스의 첫 번째 X 항목을 선택하십시오의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!