2017-09-07 11 views
0

に対する元素にコードを経由して表示おそらく最も簡単なのはどのように見つけるか:私は現在の要素

<form> 
    <select class="some-jquery-class">...</select> 
    <input type="submit" value="submit"> 
</form> 
<form> 
    <select class="some-jquery-class">...</select> 
    <input type="submit" value="submit"> 
</form> 
<form> 
    <select class="some-jquery-class">...</select> 
    <input type="submit" value="submit"> 
</form> 

その後jqueryのように見えること:私は要素の相対を見つけるにはどうすればよい

$(".some-jquery-class").click(function() { 
    // change the color of the submit button underneath and not any other 
}); 

選択された要素?

+0

を使用してjQueryのツリートラバーサル機能を参照してくださいすることを得ることができます:http://api.jquery.com/category/traversing/tree-traversal/ –

答えて

3

あなたは)(次

$('.some-jquery-class').on('click', function() { 
 
    $(this).next('input').css({color: 'red'}); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <button class="some-jquery-class">...</button> 
 
    <input type="submit" value="submit"> 
 
</div> 
 
<div> 
 
    <button class="some-jquery-class">...</button> 
 
    <input type="submit" value="submit"> 
 
</div> 
 
<div> 
 
    <button class="some-jquery-class">...</button> 
 
    <input type="submit" value="submit"> 
 
</div>

関連する問題