我必须比较 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
的特定文本。
最佳答案
var h2 = $('h2').text().trim().slice(1, -1);
$('ul li span').each(function() {
if ($(this).text().trim() == h2) {
$(this).addClass('bold');
return false;
}
});
这可能会帮助您解决这种特定情况
关于javascript - 检测多个跨度中的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35770847/