JQuery。檢查相同類的選擇框和文本框的值，有可能嗎？

Question

我有幾個選擇框和文本框與相同的類，我有以下聲明。 修訂

//This goes through each visible tr of the table with class notEmptyTable 
$('.notEmptyTable tr:visible').each(function(index) { 

    //This checks that the elements with class checkTextBox1IsNotEmpty its not Empty. 
    if ($('.checkTextBox1IsNotEmpty ').val() != "") { 
     if ($('.selTxtClass:visible').val() == "") { 
      $('.selTxtClass:visible').focus(); 
     } 
    }  
}); 

更新HTML

<table> 
    <tr> 
     <td><input type="text" id="txtBoxa1" class="checkTextBox1IsNotEmpty"/></td> 
     <td><input type="text" id="txtBoxb1" /></td> 
     <td><select id="selc1" class="selTxtClass" onchange="javascript:if (this.value = "other")txtBoxd1.style.display = 'block'"/> 
      <input id="txtBoxd1" style="display:none;" class="selTxtClass"/> 
     </td> 
    </tr> 

    <tr> 
     <td><input type="text" id="txtBoxa1" class="checkTextBox1IsNotEmpty"/></td> 
     <td><input type="text" id="txtBoxb1" /></td> 
     <td><select id="selc1" class="selTxtClass" onchange="javascript:if (this.value = "other")txtBoxd1.style.display = 'block'"/> 
     <input id="txtBoxd1" style="display:none;" class="selTxtClass"/> 
     </td> 
    </tr> 

    <tr> 
     <td><input type="text" id="txtBoxa1" class="checkTextBox1IsNotEmpty"/></td> 
     <td><input type="text" id="txtBoxb1" /></td> 
     <td><select id="selc1" class="selTxtClass" onchange="javascript:if (this.value = "other")txtBoxd1.style.display = 'block'"/> 
     <input id="txtBoxd1" style="display:none;" class="selTxtClass"/> 
     </td> 
    </tr> 

</table> 

如果我做一個警報（$（ 'selTxtClass：可見'）VAL（）），它作爲不確定的。

我想檢查這些元素的值是否爲空，但是我不能看到這個if語句有什麼問題，請問您能幫我一下嗎？

非常感謝。

Answer 1

我想這是一個更大的循環的一部分，目前雖然你正在檢查所有元素與班，不是那些只是在該行，調整它給$() consutrctor一個背景下，在這種情況下，行，像這樣：

$('.notEmptyTable tr:visible').each(function(index) { 
    //Other loop stuff 
    if ($('.checkTextBox1IsNotEmpty', this).val() != "") { 
     if ($('.selTxtClass:visible', this).val() == "") { 
      $('.selTxtClass:visible', this).focus(); 
     } 
    }  
}); 

此檢查class="checkTextBox1IsNotEmpty"爲當前行，我相信這是WH在你之後...如果不是忽略這個沒用的答案:)另外，不直接相關這個問題，但不要在無效的HTML同一ID多次，你有什麼用，並可能導致許多其他副作用。

Answer 2

試試這個

$('.selTxtClass:visible').each(function(i,e){ 
    if(e.val()==''){ 
     e.focus(); 
     return false; 
    } 
});