下面的jQuery选择包含文本但没有子节点的div节点，这些div节点是DOM树的叶节点。

$ (" div:包含(“测试”):不(:有(*))). css(“背景颜色”,“红”); < div > div1 这是一个测试，嵌套在div1</div> <div>嵌套在div1<div> < / div > < div > div2测试 这是另一个测试，嵌套在div2</div> <div>嵌套在div2中</div> < / div > < div > div3 < / div > < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js " > < /脚本>

是的，使用jQuery包含选择器。

在jQuery文档中，它说:

匹配的文本可以直接出现在所选元素中 该元素的任何子元素，或其组合

因此，仅仅使用:contains()选择器是不够的，你还需要检查你搜索的文本是否是你所目标元素的直接内容，类似这样:

function findElementByText(text) {
    var jSpot = $("b:contains(" + text + ")")
                .filter(function() { return $(this).children().length === 0;})
                .parent();  // because you asked the parent of that element

    return jSpot;
}

在我看来是最好的办法。

$.fn.findByContentText = function (text) {
    return $(this).contents().filter(function () {
        return $(this).text().trim() == text.trim();
    });
};

下面的jQuery选择包含文本但没有子节点的div节点，这些div节点是DOM树的叶节点。

$ (" div:包含(“测试”):不(:有(*))). css(“背景颜色”,“红”); < div > div1 这是一个测试，嵌套在div1</div> <div>嵌套在div1<div> < / div > < div > div2测试 这是另一个测试，嵌套在div2</div> <div>嵌套在div2中</div> < / div > < div > div3 < / div > < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js " > < /脚本>

可以使用:contains选择器根据元素的内容获取元素。

演示

(“div: contains美元(“测试”))。css (background-color’,‘红’); 这是一个测试 < div >另一个div < / div > <剧本剧本src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js " > < / >