jQuery에서 마지막 자식 요소를 선택하는 방법?

jQuery에서 마지막 자식 요소를 선택하는 방법?

jQuery에서 마지막 자식 요소를 선택하는 방법?

자식들이 아니라 마지막 아이일 뿐입니다.

다음 작업도 수행할 수 있습니다.

<ul id="example">
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
</ul>

// possibility 1
$('#example li:last').val();
// possibility 2
$('#example').children().last()
// possibility 3
$('#example li:last-child').val();

:마지막

아이들 ().가 마지막입니다.

:막둥이

성능:

$('#example').children().last()

또는 위에 언급된 것처럼 특정 클래스를 가진 마지막 자녀를 원할 경우.

$('#example').children('.test').last()

또는 특정 클래스를 가진 특정 자식 요소.

$('#example').children('li.test').last()

:last-child 선택기를 사용하여?

지원이 필요한 특정 시나리오를 염두에 두고 계십니까?

2019년도는...

jQuery 3.4.0이 처음, :마지막, :eq, :even, :odd, :lt, :gt, :nth를 사용하지 않고 있습니다.Sizzle을 제거하면 querySelectorAll 주변의 작은 포장지로 교체하고, 더 큰 Selector 엔진 없이 이러한 Selector를 다시 구현하는 것은 거의 불가능합니다.

우리는 이 절충안이 그만한 가치가 있다고 생각합니다.우리는 여전히 .first, .last, .eq와 같은 위치 메소드를 지원할 것입니다.위치 선택기로 수행할 수 있는 작업은 무엇이든 대신 위치 선택기로 수행할 수 있습니다.어쨌든 그들이 더 잘합니다.

https://blog.jquery.com/2019/04/10/jquery-3-4-0-released/

그럼 지금 사용해야 할 것은.first(),.last()대신(또는 nojQuery).

마지막 자식을 선택하고 요소 유형을 지정해야 하는 경우 마지막 유형 선택기를 사용할 수 있습니다.

다음은 예입니다.

$("div p:last-of-type").css("border", "3px solid red");
$("div span:last-of-type").css("border", "3px solid red");

<div id="example">
            <p>This is paragraph 1</p>
            <p>This is paragraph 2</p>
            <span>This is paragraph 3</span>
            <span>This is paragraph 4</span>
            <p>This is paragraph 5</p>
        </div>

위의 예에서 단락 5는 디브의 "p" 타입의 마지막 요소이고 단락 4는 디브의 마지막 "span"이기 때문에 단락 4와 단락 5는 모두 빨간색 테두리를 가질 것입니다.

안녕하세요. 이 숙박업소를 이용해보세요.

$( "p span" ).last().addClass( "highlight" );

감사해요.

언급URL : https://stackoverflow.com/questions/4612794/how-to-select-last-child-element-in-jquery