查找最深的孩子，:contains(string) [英] Find deepest child, :contains(string)

问题描述

当我使用:contains选择器时，它将返回与选择器匹配的所有元素(包括父母/祖先).我如何才能返回匹配的 child-most/destest 元素?

示例:

<div>
    <div>some text</div>
    <div>more text</div>
    <div>
        even more text
        <div>Copyright 2013</div> <!-- I only want this div -->
    </div>
</div>

.

console.log($(':contains(Copyright)'));

JSFiddle : http://jsfiddle.net/rQ7qP/

我对包含页面一无所知，即它可以是任何元素类型，或具有任何class/id属性.什么都不能假设.

解决方案

尝试

console.log($(':contains(Copyright):not(:has(*))'));

演示:小提琴

When I use the :contains selector, it returns all elements (including parents/ancestors) matching the selector. How can I just return the child-most/deepest element that matches?

Example:

<div>
    <div>some text</div>
    <div>more text</div>
    <div>
        even more text
        <div>Copyright 2013</div> <!-- I only want this div -->
    </div>
</div>

.

console.log($(':contains(Copyright)'));

JSFiddle: http://jsfiddle.net/rQ7qP/

I don't know anything about the containing page, i.e. It could be in any element type, or with any class/id attribute. Nothing can be assumed.

解决方案

Try

console.log($(':contains(Copyright):not(:has(*))'));

Demo: Fiddle

这篇关于查找最深的孩子，:contains(string)的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！