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

Question

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

我尝试了$("div:contains($)").css("background-color","yellow")，但它也返回了父级div，而我只是希望给孩子们上色。

例如，见下图，上面的jquery为div的父母和孩子着色。

我怎样才能为儿童div着色？我正在尝试查找包含$ 123,55.60等字符串的所有div。

非常感谢任何帮助。

Answer 1

这将给你直接的父母。

$('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

Answer 2

使用：

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