jquery - 在 jQuery 的一个选择器中选择多个 div

Question

在我的页面上:XXXXXXXXXXXX

我有 5 div与类(class):listing每个 div.listing有一个 div 类:clinic_values每个 div.clinic_values有一个p元素。

示例:

<div class="listing">
 <div class="clinic_values">
  <p>Some text</p>
 </div>
</div>

<div class="listing">
 <div class="clinic_values">
  <p>Some text</p>
 </div>
</div>

当我使用选择器jQuery("div.clinic_values")时在脚本第 89 行:XXXXXXXXXXXXXXX

它工作正常，但是当我使用选择器时:jQuery("div.listing div.clinic_values p")第 89 行:

jQuery("div.listing div.clinic_values p").each(function (index) {

代码失败。我需要选择全部p div.clinic_values 内的元素和那些div.clinic_values里面的div.listing .

因为还有其他div在类页面 clinic_values不在里面 div.listing 。不应选择这些。只有那些div.clinic_values应选择 div.listing 内的内容.

我该怎么做？

Answer 1

您需要为每个 div.listing 并进入 div 内部。该 div 是 Clinic_values。并再次通过 Clinic_values 并获取 p 标签。

$(document).find("div.listing").each(function (){
   $(this).find("div.clinic_values").each(function (){
      $(this).find("p").text();
   })
})