2016-02-22 44 views
1

有沒有辦法將連接的JavaScript字符串傳遞給JQuery變量?將連接的JavaScript字符串傳遞給JQuery變量?

例子:

HTML:

<input id="Faculty1input" style="width:100%" /> 
<input id="Faculty2input" style="width:100%" /> 
<input id="Faculty3input" style="width:100%" /> 
<input id="Faculty4input" style="width:100%" /> 
<input id="Faculty5input" style="width:100%" /> 
<input id="Faculty6input" style="width:100%" /> 
<input id="Faculty7input" style="width:100%" /> 
<input id="Faculty8input" style="width:100%" /> 
<input id="Faculty9input" style="width:100%" /> 
<input id="Faculty10input" style="width:100%" /> 

JS:

for(x=1;x<=10;x++){ 
    var str2 = 'Faculty'; 
    var str3 = x; 
    var str4 = 'input'; 
    var input = str2.concat(str3,str4); 

    if($.trim($("#" + input).val()) == ''){ 
     ... 
    } 
} 
+1

爲什麼不呢,jQuery是JavaScript的 –

+0

這句法是不工作...你有一個解決方案/建議? – draft

+0

@faalbane:你可以在問題中發佈完整的代碼嗎? – stark

回答

0

對不起根據標題沒有明確回答你的問題,但它會更容易/最好你用類,或者,如果您正在爲頁面上的所有輸入執行此操作,請使用$('input').each()

$('input').each(function() { 
 
    if ($.trim($(this).val()) == '') { 
 
     \t document.write('foo<br>') 
 
    } 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="Faculty1input" style="width:100%" /> 
 
<input id="Faculty2input" style="width:100%" /> 
 
<input id="Faculty3input" style="width:100%" /> 
 
<input id="Faculty4input" style="width:100%" /> 
 
<input id="Faculty5input" style="width:100%" /> 
 
<input id="Faculty6input" style="width:100%" /> 
 
<input id="Faculty7input" style="width:100%" /> 
 
<input id="Faculty8input" style="width:100%" /> 
 
<input id="Faculty9input" style="width:100%" /> 
 
<input id="Faculty10input" style="width:100%" />

或者帶班:

$('.faculty').each(function() { 
 
    if ($.trim($(this).val()) == '') { 
 
    \t document.write('foo<br>') 
 
    } 
 
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="Faculty1input" class="faculty" style="width:100%" /> 
 
    <input id="Faculty2input" class="faculty" style="width:100%" /> 
 
    <input id="Faculty3input" class="faculty" style="width:100%" /> 
 
    <input id="Faculty4input" class="faculty" style="width:100%" /> 
 
    <input id="Faculty5input" class="faculty" style="width:100%" /> 
 
    <input id="Faculty6input" class="faculty" style="width:100%" /> 
 
    <input id="Faculty7input" class="faculty" style="width:100%" /> 
 
    <input id="Faculty8input" class="faculty" style="width:100%" /> 
 
    <input id="Faculty9input" class="faculty" style="width:100%" /> 
 
    <input id="Faculty10input" class="faculty" style="width:100%" />