用jQuery选择元素的问题

Question

此代码会生成一个注释框：

<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>

当我点击一个＃quote时，我想用div.com_box_text做一些事情。我如何用jQuery选择它？

Answer 1

尝试这样的事情：

$(document).ready(function() {
    $("#quote").click(function() {
        $(".com_box_tex").html("foo");
    });
});

Answer 2

$("#quote").click(
    function(){
        var info_box = $(this).closest(".com_box_text");
        // do stuff with info_box
    }
);

编辑：我假设你的意思是想要对该类的最近实例做一些事情，而不是对该类的所有元素做一些事情。

Answer 3

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