javascript - 如何使用 jquery 查找具有特定文本的直接父级？

Question

我有要求从文档中找到金额字段，如 $412,341.40。

我尝试了 $("div:contains($)").css("background-color","yellow") 但它也返回了父 div，我只是想给 child 上色

例如，请参见下图，上面的 jquery 为 div 的父项和子项着色。

我怎样才能只给子 div 上色？我正在尝试查找所有包含 $123,55.60 之类的字符串的 div。

非常感谢任何帮助。

Answer 1

这将给你的直接 parent 。

$('div>:contains("$")').last().css("background-color","yellow")

JSFIDDLE DEMO

编辑:以上内容仅适用于一次出现的 $。 .对于多次出现的文本，请使用以下代码。这使得使用 .each()并寻找收盘价 </div>每次标记。

var divs = $('div>:contains("$")');
divs.each(function() {
    var htmlinner = $(this).html();
    if(htmlinner.indexOf('</div>') == -1) {
        $(this).css("background-color", "yellow");
    }
});

JSFIDDLE DEMO[2] for multiple occurrences