2010-03-09 82 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 ;) 
    )); 
});