如何在同一函數中使用多個變量

Question

組合多個變量的正確方法是什麼

我試過這個但沒有工作。

varONE = "td.class1"; 
varTWO = "td.class2"; 

$('table').find(varONE,varTWO).css('background', 'red'); 

Answer 1

嗯，你的實際需要來設置選擇jQuery的方式，例如

varONE = $("td.class1"); 
varTWO = $("td.class2"); 

$('table').find(varONE,varTWO).css('background', 'red'); 

然後你的腳本就可以工作了。

你也可以使用一個連接字符串

varONE = "td.class1"; 
varTWO = "td.class2"; 

$('table').find(varONE + "," + varTWO).css('background', 'red'); 

，它也將正常工作。我向你推薦第一個解決方案，因爲它更乾淨，但你可以選擇。

Answer 2

你需要的字符串本身在逗號狀

$('table').find('td.class1,td.class2').css('background', 'red'); 

或

varONE = "td.class1"; 
varTWO = "td.class2"; 

$('table').find(varONE+','+varTWO).css('background', 'red'); 

爲find()唯一的重載是selector（串）或元素。然而，沒有哪個接受多個selectors作爲單獨的參數

過載（ 蜇傷）

Answer 3

相同連接字符串

$('table').find(varONE + ',' + varTWO).css('background', 'red'); 

Answer 4

正如其他人所說，.find方法不採用多個選擇器字符串。

如果您想以這種方式使用.find，您可以創建自己的方法。

$.fn.argfind = function() { 
 
    return this.find(Array.prototype.join.call(arguments)); 
 
}; 
 

 
var one = "td.class1", 
 
    two = "td.class2"; 
 

 
$('table').argfind(one, two).css('background', 'red');

<table> 
 
    <tr> 
 
    <td class="class1">Example</td> 
 
    <td>Text</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Example</td> 
 
    <td class="class2">Text</td> 
 
    </tr> 
 
</table> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>