select javascript/jquery 中的元素 html 内容

Question

假设我有以下 HTML:

<div>
     <p> text 1 </p>
     .. some content ..
</div>

<div>
     <p> text 2 </p>
     .. some content ..
</div>

我想select根据文本内容设置div，可以吗？我该怎么做？谢谢！！

Answer 1

有可能，尝试这样的事情

$( "div:contains('John')" ).css( "text-decoration", "underline" );
$('div:contains("test")').css('background-color', 'blue');

同样的事情在这里解释为细节Selector

select an element in javascript/jquery by its html content