使用 jQuery 在此 div 标签内查找标签 <strong>答案

【问题标题】：Finding the tag <strong> inside this div tag using jQuery使用 jQuery 在此 div 标签内查找标签 <strong>
【发布时间】：2009-03-22 15:13:34
【问题描述】：

我的 dom 看起来像：

<div class="blah">
  <a href=""><img .. ></a>
  <strong>blah blah</strong>
  <a href=""><img /></a>
</div>

当我知道class是“blah”时，如何获得strong的价值？

$(".blah").find("strong") 不起作用？

【问题讨论】：

仅供参考。 HTML 规范不鼓励使用内联字体样式，虽然不推荐使用。处理此问题的更好方法是使用分配了 CSS 类的跨度，以您想要的方式设置元素的样式。
标签不是内联样式。 标签是。请看这个：stackoverflow.com/questions/271743/…

标签： jquery dom

【解决方案1】：

试试这个：

$(".blah").find("strong").html();

$(".blah").find("strong") 只会返回 jQuery 对象，而不是它的内容。

【讨论】：

【解决方案2】：

var value = $('.blah strong').html();

比 pim 的答案简单，但以同样的方式工作。它找到 .blah 的所有强标记的后代，并返回第一个的 html 内容。

【讨论】：

除非有错字：$('.blah strong').html();
我选择了原始选择器，因为 OP 在寻找强者之前可能会对 .blah 做一些事情。类似于：$('.blah').doSomething().find('strong').html()
..continued.. 否则你的选择器会更简单。

【解决方案3】：

试试这个

<script type="text/javascript">
    $(document).ready(function() {
        alert($(".blah > strong").text());
    });
</script>

    <div class="blah">
    <a href="#">
        <img src="#" /></a> <strong>blah blah</strong>
   </div>

【讨论】：