关于 jQuery 中的parent()和prev()的非常基本的问题

Question

我正在使用 JavaScript 函数处理超链接的点击事件。我想从超链接中检索数据。

页面如下所示：

<div class="div1">
   <div title="Title 1" class="div2">
      <p class="p1"><a class="linkJs">The link in question</a></p>
   </div>
</div>

<div class="div1">
   <div title="Title 2" class="div2">
      <p class="p1"><a class="linkJs">The link in question</a></p>
   </div>
</div>

JavaScript 如下所示：

$(function() {
   $('a.linkJs').click(function(){
      value=$(this).parent().prev().text();
      alert(value);
   });
});

我想要的是 div2 中 TITLE 的值。通过单击第一个链接，我得到：标题 1。单击第二个链接：标题 2。

这一定是非常非常基本的，但我在任何地方都找不到答案。

谢谢。

Answer 1

您想使用 closest

var value = $(this).closest('div').attr('title');

您的问题是 < ;p> 标签不是

的同级标签，而是子标签，因此您必须执行 parent() 两次 - 没有必要不过，因为 closest 函数是一个方便的快捷方式。另外，text()函数返回标签内部的纯文本内容，如果您想要标签的title属性，则需要使用attr函数。

Answer 2

您可以使用 closest 方法找到它：

   $('a.linkJs').click(function(){
      value=$(this).closest('div').attr('title');
      alert(value);
   });

Answer 3

尝试使用 closest() 方法： http://api.jquery.com/最接近/

获取第一个祖先元素
匹配选择器，从
当前元素和进展
通过 DOM 树。

$(function() {
    $('a.linkJs').click(function(){
        value=$(this).closest(".div2").attr("title");
        alert(value);
    });
});

Answer 4

var value = $(this).closest('.div2').attr('title');

.div2 可能是更合适的选择器，而不是使用 div，因为 div.div2 内可能还有其他 div 元素。

Answer 5

不是很漂亮，但这应该也可以。

$(function() {
    $('a.linkJs').click(function(){
        value=$(this).parents()[1];
        alert($(value).attr('title'));
    });
});