Question

我有这样的HTML：

<div class="product">
   <span class=itemlist><!-- Shows Results for Fish --></span>
    Category:Fish
    <br>Product: Salmon Atlantic
    <br>Specie: Salmo salar
    <br>Form: Steaks
</div>

<div class="product">
    <span class=itemlist><!-- Shows Results for Crustacean --></span>
     Category: Crustacean
     <br>Product: Shrimp Cultured Vannamei White
     <br>Specie: Penaeus vannamei
     <br>Form: PTO/PDTO     
</div>

我想要的只是提取其DIV .outerHTML()等于SPAN的{{1}} .content()，因为这是我认为我可以拥有的唯一标识符。 和DIV的所有课程都相似。

这应该是什么jQuery代码？

输出应该只是：

SPAN

Answer 1

如果跨度显示上下文Crustacean，请尝试

$('.product:contains(Crustacean)')[0].outerHTML

演示：Fiddle

Answer 2

试试这个，

var pro=$('.product span:contains(Crustacean)');
console.log(pro.closest('.product')[0].outerHTML);

Demo

已更新 Hide所有div.product除了span Crustacean

var pro=$('.product span:contains(Crustacean)');
$('.product').hide();
pro.closest('.product').show();

Demo 2

Answer 3

$(document).ready(function(){
   $("div.product span.itemlist").contents().each(function(){
     if (this.nodeType == 8) {
        if(this.data.contains('Shows Results for Crustacean'))
        {
            // do what ever you need here
        }
      }
  });
});

通过内容jQuery提取DIV outerHTML

3 个答案: