2013-11-25 53 views
3

HTML:找出是否所有图像上课

<div class="regform"><input id="username" type="text" name="username" placeholder="Username" required><h3 class="check"><img src=''/></h3></div> 
<div class="regform"><input id="password" type="password" name="password" placeholder="Password" required><h3 class="check"><img src=''/></h3></div> 
<div class="regform"><input id="password2" type="password" name="password2" placeholder="Re password" required><h3 class="check"><img src=''/></h3></div> 
<div class="regform"><input id="email" type="text" name="email" placeholder="E-mail" required><h3 class="check"><img src=''/></h3></div> 

JS:

 $('#send').click(function(){ 
    var classs = $(".check").find('img'); 
    if(classs.hasClass("yes")){ 
     alert("Everything is correct"); 
    }else{ 
     alert("Something is wrong"); 
    } 

}); 

我要检查,如果所有 “检查” 图像有类 “是”。

+0

在你的HTML中,没有图像具有'yes'类。这是打算吗? –

回答

7
var dotheyallhavetheclass = $('.check img:not(.yes)').length===0; 
0

.......或.............

var dotheyallhaveyesclass = (($('img.check').length == $('img.yes').length)) ? 1 : 0); 
+0

这考虑具有“check”或“yes”的* all *元素,即使那些不相关的元素,例如'

Not relevant
' –

+0

根据OP的HTML,没有不相关的'.yes'元素。但如果有帮助,我会修改我的答案。 – DevlshOne

+0

你是对的,这只是我挑剔。不幸的是,HTML和问题不同意。该结构似乎是'.check img' /'.check img.yes',而不是'img.check'。 –

0

这是纯的Javascript溶液:下面演示:http://jsbin.com/ucoPEBEv/1/

e = document.getElementsByClassName('check'); 
error = false; 
for (j = 0; j < e.length; j++){ 
    imgs = e[j].getElementsByTagName('img');  
     for (i = 0; i < imgs.length; i++){ 
      if (imgs[i].className != 'yes'){ 
      error = true; 
      break; 
      } 
     } 
    } 
if (error){ 
     alert('Some Thing Wrong'); 
    } 
else{ 
     alert('Every Thing Well!'); 
    }