javascript - 检测多个跨度中的文本

Question

我必须比较 h2 元素的文本是否等于 span 的文本。这些文本将是动态的，因此，我需要在页面加载时对其进行测试。如果文本相等，我将仅向此 span 添加一个类。

我的 html 是:

<h2> "Tomatoes" </h2>

<ul>
    <li> <span> Oranges </span> </li>
    <li> <span> Apples </span> </li>
    <li> <span> Tomatoes </span> </li>
</ul>

我的 jQuery 是:

jQuery(document).ready(function(){
  if(jQuery('h2').text() === jQuery('ul li span').text()){
      jQuery('ul li span').addClass('bold');
  }
});

有什么想法吗？实际上 jQuery('ul li span').text() 返回每个文本范围，我无法比较 h2 的特定文本。

Answer 1

var h2 = $('h2').text().trim().slice(1, -1);
  $('ul li span').each(function() {
    if ($(this).text().trim() == h2) {
      $(this).addClass('bold');
      return false;
    }
});

这可能会帮助您解决这种特定情况