javascript - 将连接的 JavaScript 字符串传递到 JQuery 变量中？

Question

有没有办法将连接的 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() ) == ''){
        ...
    }
}

Answer 1

很抱歉没有根据标题明确回答您的问题，但是您使用类来实现此目的会更容易/更好，或者，如果您对页面上的所有输入执行此操作，只需使用 $( '输入').each():

$('input').each(function() {
    if ($.trim($(this).val()) == '') {
       	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()) == '') {
  	  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%" />