jQueryで要素を選択

Question

指定した要素から親要素までを選択します。 ボタンから正確に選択する方法class="bt-add-com"上記の親要素class="new-com-bt"にjqueryセレクタがありますか？

<form action="" method="POST" class="post_id"> 
    <div class="new-com-bt" > 
     <span>Write a comment ...</span> 
    </div> 
    <div class="new-com-cnt" > 
     <textarea class="the-new-com"></textarea> 
     <button class="bt-add-com">Post comment</button> 
     <button class="bt-cancel-com">Cancel</button> 
    </div> 
</form> 

Answer 1

使用parent()とその

$('.the-new-com') 
 
    .parent() // get parent 
 
    .prev('.new-com-bt') // get previous element only if having the class 
 
    .css('color', 'red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form action="" method="POST" class="post_id"> 
 
    <div class="new-com-bt"> 
 
    <span>Write a comment ...</span> 
 
    </div> 
 
    <div class="new-com-cnt"> 
 
    <textarea class="the-new-com"></textarea> 
 
    <button class="bt-add-com">Post comment</button> 
 
    <button class="bt-cancel-com">Cancel</button> 
 
    </div> 
 
</form>

すべての

Answer 2

まず、クラスを持つ要素 "新しい-COM-BT" のprev()はの親ではありませんクラス「bt-add-com」のボタンもっと叔父に似ています。

また、これまでに何を試みましたか？とにかく

、試してみてください。

$(".bt-add-com").click(function(){ 
    var elem = $(this).closest(".new-com-bt"); 
});