使用jQuery查找该div标签内的<strong>标签。

Question

我的DOM结构如下：

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

当我知道类名为“blah”时，如何获取 strong 的值？ $(".blah").find("strong") 不起作用吗？

- mrblah

---

FYI。虽然内联字体样式的使用并未被弃用，但在HTML规范中不被鼓励。更好的处理方式是使用带有CSS类分配的span来设置所需的元素样式。 - tvanfosson

<strong>标签不是内联样式。而<b>标签则是。请参见：https://dev59.com/2XVC5IYBdhLWcg3whBWj</b> - Pim Jager

Answer 1

试试这个：

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

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

- Pim Jager

Answer 2

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

比pim的答案更简单，但使用方式基本相同。它查找所有.blah的后代元素中的strong标签，并返回第一个标签的html内容。

- Annan

---

除非它有一个打字错误： $（' .blah strong '）.html（）; - rfunduk

我选择使用原始选择器，因为操作人员可能会在查找<strong>之前对.blah执行某些操作。类似这样：$('.blah').doSomething().find('strong').html()。 - Pim Jager

...继续..否则您的选择器会更简单。 - Pim Jager

Answer 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>

- The_Lorax