如何檢查我的div標籤字段是否爲null，以及它的null是否與Jquery做些什麼

Question

我有5 div標籤具有相同的類別。每個div標籤都有一個文本框和一個帶數字的下拉列表。

如何檢查所有這些div標籤的文本框和下拉列表是否爲空或者是否爲「執行某些操作」。

$step是一個包含我所有的div標籤的數組。

var $step = $(".wizard-step2:visible"); 

我的文本框有一個類Comment和我的下拉列表有一個類Grade。

我已經編碼這個到目前爲止，但它的錯誤，我不希望它檢查每個div標記，我希望它檢查所有這些。

這是一種錯誤的代碼：

var Comment = $step.find(".Comment").val(); 
var Grade = $step.find(".Grade").val(); 

for (var i = 0; i < $step.length; i++) { 
    if (Comment != null && Grade > 0) { { 
     // do this 
    } 
    } else { 
     alert("You must enter both fields"); 
    } 
} 

編輯：

我覺得我沒有解釋我的問題很好，我的代碼工作像所有我在這個問題上得到了答案。我不想讓這個if語句來檢查每個div標籤。我希望能夠檢查是否所有的div標籤都有空字段做「其他如果所有的div標籤字段都填滿了東西

用戶可以將字段留空，但如果所有的div標籤字段填充做些什麼

我不想爲每個div標籤做一個if語句，如果所有的div標籤都有空字段或者全部都是字段，我想要做一個if語句

可以說我有5個div標籤，我填充了4個標籤，當我填充最後一個5個div標籤時，我想要這個「做些什麼」，否則什麼都不應該發生。在div標籤1,2,3,4上執行a重新裝滿我希望在第五充滿怎麼一回事，因爲那麼所有的div標籤都充滿別的什麼都不發生

Answer 1

查找每個類的填充元素，然後用這個選項的長度來執行你的測試：

var $step = $(".wizard-step2:visible"); 

// returns true if the element's value is not null 
function filled() { 
    return !!this.value; 
} 

// count the number of non-empty elements 
var n_step  = $step.length; 
var n_comments = $step.find('.Comment').filter(filled).length; 
var n_grades = $step.find('.Grade' ).filter(filled).length; 

if (n_comments === n_step && n_grades === n_step) { 
    // all filled 
} else if (n_comments === 0 && n_grades === 0) { 
    // all empty 
} else { 
    // mixed - do nothing 
} 

Answer 2

事情是這樣的if語句發生：

$(".wizard-step2:visible").each(function(){ 
    var Comment = $(this).find(".Comment").val(); 
    var Grade = $(this).find(".Grade").val(); 

    if (Comment != '' && Grade > 0) { 
    { 
     // do this 
    } else { 
     alert("You must enter both fields"); 
    } 
}); 

Answer 3

想方設法把每個東西在裏面您的評論像

var bOK, Comment, Grade ; 
     $step.each(function(){ 
     Comment = $(this).find(".Comment").val(); 
     Grade = $(this).find(".Grade").val(); 
if(put your condition here) 
else { 
bOK = false; 
return false 
} 
     }); 
// Now test your condition with bOK 

Answer 4

可以遍歷集合或數組是這樣的：

$(".wizard-step2:visible").each(function(count){ 
    var isCommentEmpty = $(this).find(".comment").val().length == 0; 
    if(isCommentEmpty){ 
     alert('Comment on div ' + count + ' is empty!'; 
    } 
}); 

Answer 5

你應該使用jQuery的each()方法循環您$(".wizard-step2:visible")陣列的div。

看一看這個jsFiddle我已經創建了向您展示如何實現這個

編輯：

這是的jsfiddle代碼JIST這裏： -

$('.wizard-step2:visible').each(function(){ 

    var txtBox = $(this).find('.comment'); 
    var Select = $(this).find('.Grade'); 
    var thisDiv = $(this).attr('id'); 

    if(txtBox.val().length > 0 && Select.val().length > 0) 
    { 
     alert("values for " +thisDiv+ " are fine"); 
    } 
    else 
    { 
     alert("please fill in both values for " + thisDiv); 
    } 
});