我的页面上有一系列的div，当将字符串保存在数组中时，在选择每个包含特定字符串的div时遇到了麻烦。例如，如果数组= ['foo'，'qux']，我希望能够选择包含'foo'的div和包含'qux'的div。
<div class="word word1">foo</div>
<div class="word word2">bar</div>
<div class="word word3">baz</div>
<div class="word word4">qux</div>
剧本
array = ['foo', 'qux'];
for (var i = 0; i < array.length; i++) {
array_text = array[i];
alert( $( "div:contains(array_text)" ).text() );
}
我还使用了此脚本，但未成功：
correct_matches = ['foo', 'qux'];
$.each(correct_matches, function(index, value){
alert( $( "div:contains(value)" ).text() );
}
);
我仅在使用警报来确定$（“ div：contains（array_text）”）选择器是否正常运行。选择器是我遇到问题的地方：$（“ div：contains（'bar'）”）可以正常工作。一旦使用了array_text变量，我将收到一个带有空字符串的警报。有什么建议么？谢谢。
检查此FIDDLE。
您正在测试文本array_text是否包含在中div。
我不确定这是否是最佳选择，但它可以工作。
jQuery版本：
$(function () {
var array = ['baz', 'qux'];
for (var i = 0; i < array.length; i++) {
array_text = array[i];
$('div').each(function () {
if ($(this).text() == array_text) {
alert(array[i]);
// do more stuff with $(this) (which is the div)
}
});
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句