將'this'標識符與元素的功能綁定

Question

我在使用jquery時在html元素中使用標識符This時遇到問題。

預期的結果：

每當我選擇從下拉列表中選擇語言，它必須驗證。我也從下拉列表中選擇一個關卡。

要完成此操作，我需要將'.LanguageBlock'轉換爲這個選擇器。

嘗試：

我的嘗試是使用兒童（）和父母（），我相信它會工作，但我有這樣的問題選擇。

我想我也有使用。每個與這選擇

HTML

<div class="LanguageBlock"> 
    <select class="Language"> 
     <option>Select</option> 
     <option value="1">English</option> 
    </select> 
    <select class="Level"> 
     <option>Select</option> 
     <option value="1">Basic</option> 
    </select> <br></br> 
</div> 
<div class="LanguageBlock"> 
    <select class="Language"> 
     <option>Select</option> 
     <option value="1">English</option> 
    </select> 
    <select class="Level"> 
     <option>Select</option> 
     <option value="1">Basic</option> 
    </select> 
</div> 
<br></br> 
    <a id="submit" style="border-radius:50%;border:1px solid red;padding:10px">Submit</a> 

的Javascript

var Validator = 1; 
$('#submit').bind('click', function(){ 
    var Language = $('.LanguageBlock').children('.Language').val();  
    var Level = $('.LanguageBlock').children('.Level').val(); 

    if(Language!='' && Level==''){ 
     Validator = 0; 
    } 

    if (Validator==0){ 
     alert('Must select a level for the current language you selected'); 
     return false; 
    } 

}); 

JS Fiddle

Answer 1

合併

這個怎麼樣：

$('#submit').bind('click', function(){ 
    $('.LanguageBlock').each(function() { 
    var Language = $(this).find('.Language option:selected').val();  
    var Level = $(this).find('.Level option:selected').val(); 

    if(Language!='Select' && Level=='Select'){ 
     Validator = 0; 
    } 

    if (Validator==0){ 
     alert('Must select a level for the current language you selected'); 
     return false; 
    } 

    }); 
    }); 

http://jsfiddle.net/t99mU/10/