【问题标题】:How to get div which contain specific text如何获取包含特定文本的div
【发布时间】:2014-08-11 14:43:07
【问题描述】:

我有以下情况:

<div id="content">
 <h4 class="page-header">Editing personal data</h4>
 <div class="alert alert-success" id="personal-data-changed" style="display: block;">
     Your personal data has been updated.
 </div>

我正在尝试获取带有文本“您的个人数据已更新”的 div。使用这个:

 $('div:contains("Your personal data has been updated.")');

但是我把所有的 div 都搞定了。 (父 div)。只能得到一个div。

编辑:

感谢所有回答。

【问题讨论】:

  • 为什么不使用 id ? “个人数据已更改”
  • 因为我正在用 JS 编写验收测试,我希望有一个通用的方法来查找消息。

标签: javascript jquery


【解决方案1】:

所有父母 div 也包含此文本。为您的选择器使用 id 或添加 only-child suffix

$( "div ... :only-child" )

【讨论】:

    【解决方案2】:

    您需要使用.last():last 来获取所需的div,因为所有的父母也包含该文本

    $('div:contains("Your personal data has been updated.")').last()
    

    【讨论】:

      猜你喜欢
      • 2012-04-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-03-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多