jquery - 通过内容 jQuery 提取 DIV outerHTML

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 .content()的等于，<!-- Shows Results for Crustacean -->因为这是我认为我可以拥有的唯一标识符。DIV和的所有类SPAN都是相似的。

jQuery 代码应该是什么？

输出应该只是：

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

Answer 1

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

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

演示：小提琴

Answer 2

尝试这个，

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

演示

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

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

演示 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
        }
      }
  });
});