jQuery kimliği

Question

Aşağıdaki HTML gelmiş tarafından çocuk değeri elde: var x=SOMETHING; yılında

<div class="pane"> 
<h3> 
    <input type=hidden id="comm_id" value="{$comment.id}"> 
    <label id="comm_name" onclick="this.style.display='none';document.getElementById('comm_name_edit_view').style.display='';document.getElementById('comm_name_edit').value=this.innerHTML;">{$comment.writer_name}</label> 
    <div id="comm_name_edit_view" style="display:none;"> 
    <input type=text id="comm_name_edit" value="{$comment.writer_name}">&nbsp; 
    <button onclick="this.parentNode.style.display='none';document.getElementById('comm_name').innerHTML=getElementById('comm_name_edit').value;document.getElementById('comm_name').style.display='';">حفظ</button> 
    </div> 
</h3> 

<p> 
    <label id="comm_content" onclick="this.style.display='none';document.getElementById('comm_content_edit_view').style.display='';document.getElementById('comm_content_edit').value=this.innerHTML;">{$comment.comment}</label> 
    <div id="comm_content_edit_view" style="display:none;"> 
    <textarea type=text id="comm_content_edit">{$comment.comment}</textarea> 
    <button onclick="this.parentNode.style.display='none';document.getElementById('comm_content').innerHTML=getElementById('comm_content_edit').value;document.getElementById('comm_content').style.display='';">حفظ</button> 
    </div> 
</p> 
<p><a href="#" class="btn-delete">delete</a> | <a href="#" class="btn-approve">approve</a> | <a href="#" class="btn-spam">spam</a></p> 
</div> 

ve aşağıdaki jQuery (ı jQuery kötüyüm)

jQuery(function(){ 
     $(".pane:even").addClass("alt"); 

     $(".pane .btn-delete").click(function(){ 

var x=SOMETHING;   
     $(this).parents(".pane").animate({ backgroundColor: "#fbc7c7" }, "fast") 
     .animate({ opacity: "hide" }, "slow") 
     return false; 
     }); ..... etc 

, ben mümkün istiyorum Bu bölmede comm_id kimliğine sahip input kutusunun değerini almak için. Bir şekilde mümkün mü?

Teşekkür ederiz.

Answer 1

Bunu, içeride daha sonra <div class="pane">.find() girdi almak için .closest() kullanarak giriş alabilirsiniz:

$(".pane .btn-delete").click(function(){ 
    var x = $(this).closest(".pane").find(".comm_id").val(); 
    //use x 
    //animations... 
}); 

Not idclass için değişim birden bölmeleri için geçerli olabilmesi için, sizin <input> gerektiği Şunlara benzer:

<input type="hidden" class="comm_id" value="{$comment.id}"> 

Answer 2

var x = $("#comm_id").val(); 

DÜZENLEME: aslında

, hatta kimliğine göre seçmek gerekmez: kod birkaç parçalarını varsa sadece sorunu çözecek

var x = $("input[type=hidden]", $(this).parents(".pane")).val(); 

kullanabiliriz bunun gibi.