복붙노트

[JQUERY] n 번째의 jQuery 요소를 얻는 방법

JQUERY

n 번째의 jQuery 요소를 얻는 방법

해결법

  1. 1.왜 먼저 (짧은) 선택기 페이지를 찾아 볼 수 없습니다?

    왜 먼저 (짧은) 선택기 페이지를 찾아 볼 수 없습니다?

    여기은 : : 당량 () 연산자. 그것은) (단지 GET처럼 사용되지만 jQuery 오브젝트를 돌려줍니다.

    아니면 당신도 () 함수를 .EQ 사용할 수 있습니다.

  2. 2.예를 들어, EQ 선택 : 사용자가 사용할 수 있습니다 :

    예를 들어, EQ 선택 : 사용자가 사용할 수 있습니다 :

    $("td:eq(2)").css("color", "red"); // gets the third td element

    또는 EQ (INT) 기능 :

    $("td").eq(2).css("color", "red");

    또한, 인덱스가 0을 기준으로 기억 해요.

  3. 3.) (EQ : 당신은 jQuery 오브젝트, 사용을 기반으로 쿼리를 제어 할 수있는 경우

    ) (EQ : 당신은 jQuery 오브젝트, 사용을 기반으로 쿼리를 제어 할 수있는 경우

    $("div:eq(2)")

    당신이 그것을 제어 할 수없는 경우) (다음 .EQ 사용 (예를 들어, 다른 기능 또는 뭔가로부터 전달되는 것)

    var $thirdElement = $jqObj.eq(2);

    또는 당신이 그 (것)의 한 부분 (예를 들어, 제 3, 제 4, 제 5 원소)를 사용 .slice을 원하는 경우 ()

    var $third4th5thElements = $jqObj.slice(2, 5);

  4. 4.나는 당신이 사용할 수있을 것 같아요

    나는 당신이 사용할 수있을 것 같아요

    $("ul li:nth-child(2)").append("<span> - 2nd!</span>");

    그것은 각각의 일치 UL 및 노트 그것에서 두 번째로 리튬을 찾습니다.

  5. 5.소자의 0의 위치를 ​​나타내는 .EQ () -an 정수.

    소자의 0의 위치를 ​​나타내는 .EQ () -an 정수.

    전의:

    그것에 간단한 목록이있는 페이지를 고려 :

    <ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>

    우리는 목록 항목의 집합에이 방법을 적용 할 수 있습니다 :

    $( "li" ).eq( 2 ).css( "background-color", "red" );

    자세한 내용은 : .EQ ()

  6. 6.이미 변수에 jQuery 오브젝트가있는 경우, 당신은 또한 단지 JQuery와 사용하지 않고, 일반 인덱스 배열로 처리 할 수 ​​있습니다 :

    이미 변수에 jQuery 오브젝트가있는 경우, 당신은 또한 단지 JQuery와 사용하지 않고, 일반 인덱스 배열로 처리 할 수 ​​있습니다 :

    var all_rows = $("tr");
for(var i=0; i < all_rows.length; i++){
   var row = all_rows[i];
   //additionally, you can use it again in a jquery selector
   $(row).css("background-color","black");
}

    위의 예는 어떤 방식으로 유용하지 않지만, 당신이 인덱스 배열로 JQuery와에 의해 생성 된 오브젝트를 처리하는 방법을 나타내는한다.

  7. 7.내가 제대로 질문을 이해한다면, 당신은 항상 너무 같은 get 함수를 래핑 할 수 있습니다 :

    내가 제대로 질문을 이해한다면, 당신은 항상 너무 같은 get 함수를 래핑 할 수 있습니다 :

    var $someJqueryEl = $($('.myJqueryEls').get(3));

  8. 8.당신은 예를 들어,에 대한 루프에서 특정 요소 / 노드 또는 태그를 가져 오기하려면

    당신은 예를 들어,에 대한 루프에서 특정 요소 / 노드 또는 태그를 가져 오기하려면

    <p class="weekday" data-today="monday">Monday</p>
<p class="weekday" data-today="tuesday">Tuesday</p>
<p class="weekday" data-today="wednesday">Wednesday</p>
<p class="weekday" data-today="thursday">Thursday</p>

    그래서, 위의 코드에서 루프가 실행되고, 우리는 우리가 위의 루프 만 기대 요소를 선택할 수 있습니다 jQuery를 선택을 사용할 필요가 있다는 코드가 될 것입니다 위해 특정 필드를 선택합니다

    $('.weekdays:eq(n)');

    EG

    $('.weekdays:eq(0)');

    뿐만 아니라 다른 방법에 의해

    $('.weekday').find('p').first('.weekdays').next()/last()/prev();

    그러나 첫 번째 방법은 HTML <태그> 고유의 클래스 이름을 가질 때 더 효율적입니다.

    참고 : 대상 요소 또는 노드에는 클래스 이름들이 없을 때 두 번째 방법을 사용하는 것입니다.

    더 추적을위한 https://api.jquery.com/eq/

  9. 9.말이 생각을하지 않는 것 선택기를 사용하여 반복을 위해 :

    말이 생각을하지 않는 것 선택기를 사용하여 반복을 위해 :

    var some = $( '...' );

for( i = some.length -1; i>=0; --i )
{
   // Have to transform in a jquery object again:
   //
   var item = $( some[ i ] );

   // use item at will
   // ...
}

  10. 10.

    <html>
<head></head>
<body>
    <script type="text/javascript" 
    src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $('li:eq(1)').hide();
      });
    </script>
    <ol>
      <li>First</li>
      <li>Second</li>
      <li>Third</li>
    </ol>
</body>
</html>

    이 실행되면, 첫 번째, 그리고 세 번째를 보여 정렬 된 목록에 두 개의 항목이 있습니다. 두 번째는 숨겨진.

  11. 11.

     $(function(){
            $(document).find('div').siblings().each(function(){
                var obj = $(this);
                obj.find('div').each(function(){
                    var obj1 = $(this);
                    if(!obj1.children().length > 0){
                        alert(obj1.html());
                    }
                });

            });
        });

<div id="2">
    <div>
        <div>
            <div>XYZ Pvt. Ltd.</div>
        </div>
    </div>
</div>
<div id="3">
    <div>
        <div>
            <div>ABC Pvt Ltd.</div>
        </div>
    </div>
</div>

    12. from https://stackoverflow.com/questions/1442925/how-to-get-nth-jquery-element by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 요소를 전환하는 기본 jQuery를 기능이 있습니까?  (0) 2020.10.17
[JQUERY] JQuery와이 - 전역 변수로 아약스 응답을 저장  (0) 2020.10.17
[JQUERY] jQuery를 가진 요소의 ID 변경  (0) 2020.10.17
[JQUERY] jQuery를 사용하여 재생 / 일시 정지 HTML 5 비디오  (0) 2020.10.17
[JQUERY] jQuery를 사용하여 비동기 Ajax 요청을 병렬  (0) 2020.10.17
,

티스토리툴바