另一个新手问题...
脚本(如下)将一个 div 中的选定文本与另一个 div 中的一些目标文本进行比较,然后将样式应用于第二个 div 的父级。我需要将脚本更改为不那么直白——而不是“如果选择了 A,则查找 A”;而是“如果选择 Apples,则查找 A”。
那么,如何让 jQuery 将两个不同的文本字符串识别为同一事物呢?我尝试了“var A = 'Apples', B = 'Bravo' [etc] ;”,但是当我将鼠标悬停在任何#menutable div 上时,该类被添加到 .embox。
的HTML:
<div id="maintable">
<div class="embox">
content
<div class="options">A,B,C</div>
</div>
<div class="embox">
content
<div class="options">B,F</div>
</div>
<!-- and about a hundred more just like these -->
</div>
<div id="menutable">
<div class="optionA">Apples</div>
<div class="optionB">Bravo</div>
<div class="optionC">Comp</div>
<div class="optionF">Ferengi</div>
</div>
当前脚本(不起作用):
$('#menutable div').hover(function() {
var that = this, A = "Apples", B = "Bravo", C = "Comp", F = "Ferengi";
$('#maintable .options').filter(function() {
return $(this).text().indexOf($(that).text()) === -1;
}).closest(".embox").addClass("bgtransp");
},
function() {
$(".embox").removeClass("bgtransp");
});