javascript - 如何通过这个获取特定的div？

Question

我构建了一个方法，允许我返回用户单击的元素，如下所示:

$('#button2').on('mouseover', function()
{
   console.log(this);
}

此返回:

<tr id="res-7" class="entry border-bottom" rel="popover" data-original-title="" title="">
    <td style="padding-left: 10px">
        <div class="name"><strong>Test</strong></div>
        <div class="description">Foo</div>
     </td>
</tr>

本质上我的目标是获取 div name 和 div description 的内容，有人可以解释如何做到这一点吗？谢谢。

Answer 1

类似这样的:jsfiddle

$(document).on("mouseover","tr", function(){

var name = $(this).find(".name").text();
var description = $(this).find(".description").text();
 console.log("Name: "+name+"\nDecsription: "+description);

})

不要忘记每个元素的 ID 必须是唯一的，因此您的代码不正确，因为“#button2”必须是唯一的，因此在您的函数中始终是 #button2。

注意text() 和html() 之间的区别。我使用 .text() 来获取没有“强”代码的文本。如果您需要它，请使用 html()。