JQuery在父级中获取类

Question

我花了好几个小时用JQuery试图从类中提取一段文本,在下面的代码中你可以看到,当点击回复按钮时,JQuery会查找一个名为name的类,以便提取一段文本.实例是bob green.

我总是一个研究这些类型的东西,但由于这些代码都不起作用,我被困住了,在下面的JQuery代码中你可以看到我尝试了不同的方法来提取文本.

如果有人能帮我解决这个问题,我会非常感激.

<div class='replyContainer'>
    <div class='image'></div>
    <span>
        <div class='close' title='Close'></div>
        <b><font class='name'>bob green</font></b>
        test message
    </span>
    <div class='bubble-triangle-border'></div>
    <div class='bubble-triangle'></div>
    <div class='info'> 
        <div class='reply'></div>
    </div>
</div>


$(".replyContainer .reply").live('click',function(){    
    var replyName = "@" + $(this).parent().parent(".name").text();
});


$(".replyContainer .reply").live('click',function(){    
    var replyName = "@" + $(this).parent().parent().closest(".name").text();
});

$(".replyContainer .reply").live('click',function(){    
    var replyName = "@" + $(this).parent().parent("span font.name").text();
});

Answer 1

 $(".replyContainer .reply").live("click", function() { 
      var replyName = "@" + $(this).closest(".replyContainer").find(".name").text()
 })

其他一些事情:

1. jQuery.live()被认为已弃用(请参阅:http://api.jquery.com/live/ ),您应该使用.delegate()或.on()代替.
2. 你应该完全不使用<font>标签但使用CSS!
3. closest()DOM父母和他们的父母find()上去,向下看着孩子们!