javascript - jQuery 获取元素之间的文本

Question

我想在两个元素之间获取文本 <p>和 <b> , 但不起作用，怎么回事？

$("div").each(function() {
  var num = $('this').find('p').text();
  var ost = $('this').find('b').text();
  alert(num+' - '+ost);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <p>1</p>
  <b>Minifier</b>
</div>
<div>
  <p>2</p>
  <b>bold</b>
</div>
<div>
  <p>3</p>
  <b>backtick</b>
</div>

Answer 1

使用 $(this) 而不是不带引号的 $('this')。

this 是可用对象而不是字符串选择器。

请参阅下面更正的示例:

$("div").each(function() {
  var num = $(this).find('p').text();
  var ost = $(this).find('b').text();
  alert(num+' - '+ost);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <p>1</p>
  <b>Minifier</b>
</div>
<div>
  <p>2</p>
  <b>bold</b>
</div>
<div>
  <p>3</p>
  <b>backtick</b>
</div>