2010-03-09 117 views
0

該代碼使得一個評論框:問題選擇元素使用jQuery

<div class="com_box"> 
    <div class="com_box"> 
    <div class="com_box_text"> text </div> 
    </div> 
</div> 

<div class="com_box_info"> 
    <img ... /> 
    <div> ... </div> 
    <div> 
    <a href="" id="quote"> text </a> 
    </div> 
</div> 

當我點擊一個#報價我想要做的事與div.com_box_text過來。我如何選擇它與jQuery?

+0

澄清一下,您在此處顯示的代碼是否會在頁面上出現多次?這是一個重複的評論列表的例子嗎?我問,因爲如果一個#報價在頁面上出現超過一次,你會得到時髦的jQuery結果,因爲你頁面上的所有id屬性必須是唯一的。 (如果我吠叫錯誤的樹,我很抱歉)。 – jessegavin 2010-03-09 15:02:46

回答

1

嘗試這樣:

$(document).ready(function() { 
    $("#quote").click(function() { 
     $(".com_box_tex").html("foo"); 
    }); 
}); 
1
$("#quote").click(
    function(){ 
     var info_box = $(this).closest(".com_box_text"); 
     // do stuff with info_box 
    } 
); 

編輯:我假設你的意思是你想做一些與該類別最近的實例,而不是與類的所有元素。

+0

你是正確的先生。你的代碼沒有工作,但:\ – horgen 2010-03-09 14:59:34

1
$(document).ready(function() { 
    $("#qoute").click(function(
     $(".com_box_text").hide(); //or something else ;) 
    )); 
});