遍历 HTML div 并使用 JavaScript 或 jQuery 从子跨度中提取值

Posted 2023-05-09

【中文标题】遍历 HTML div 并使用 JavaScript 或 jQuery 从子跨度中提取值

【英文标题】：Iterate through HTML div and extract the value from a child span using JavaScript or jQuery

【发布时间】：2020-05-24 02:52:15

【问题描述】：

如何在 javascript 中的嵌套 div 中找到值并隐藏 div

例如，如果我对 JavaScript 函数的输入是佛罗里达。

我想循环遍历 div (class name = state-name) ，获取内部 span 的值 (class="state")。如果该值与我的输入值（佛罗里达州）匹配，则隐藏该父 div（州名）。

<div class="state-names panel panel-default" ">
    <div class="panel-heading">
        <h3 class="panel-title">
               <a> <span class ="state">Alabama (6)</span></a>
        </h3>
    </div>
</div>
<div class=" state-name panel panel-default" ">
    <div class="panel-heading">
        <h3 class="panel-title">
               <a> <span class ="state">Florida (2)</span></a>
        </h3>
    </div>
</div>
<div class=" state-name panel panel-default" ">
    <div class="panel-heading">
        <h3 class="panel-title">
               <a> <span class ="state">Texas (16)</span></a>
        </h3>
    </div>
</div>

如何遍历 html 标签并在 JS 或 Jquery 中获取 span 值

谢谢

【参考方案1】：

您可以使用 jQuery 执行此操作，如下所示：

$('.state-names').each(function(i, obj) 
    if($(this).text().includes("Florida"))
      console.log("Found Florida")  
      $(this).hide()
    
);