如何使用 jQuery 在 div 中查找某个字符串,然后将特定样式应用于另一个 div(如果存在)?

Aid*_*enH 0 html javascript css search jquery

好的,假设我有一个 HTML 页面,如下所示:

 <html>
    <div>
       <div id='header'>Page Title</div>
       <div id='content'> Main content here </div>
       <div id='meta'> 
          <a href='#'>Hello</a> 
          <a href='#'>Link 2</a>
          <a href='#'>Link 3</a>
       </div>
    </div>
  </html>
Run Code Online (Sandbox Code Playgroud)

我想要创建的是一个函数,该函数基本上搜索metadiv (仅此 div)以查找a包含 string的链接Hello,用于此示例。

如果Hello字符串存在,background: red;则应将的 CSS 样式应用于headerdiv(覆盖 div 上的任何现有背景样式header)。

我想使用 JavaScript/jQuery 来执行此操作。关于如何实现这一目标的任何建议?(对不起,如果这令人困惑)

Kev*_*sox 5

if($("#meta a:contains('Hello')").length > 0){
    $("#header").css("background", "red");
}
Run Code Online (Sandbox Code Playgroud)

JS小提琴: http : //jsfiddle.net/dB66L/

:包含选择器文档