通过jQuery从父级选择不同的元素

我正在学习开发，我对jQuery有一个问题。我这里有一些代码：

<div id="name_1">
  <p class="my_p">I need this value too</p>
  <a href="#" class="my_link">Click me for get value of <p> tag</a>
</div>

是的，我的问题在我的链接中：单击链接后，如何才能仅在它的父级中获得标记的值？我尝试了一些类似这样的代码，但它们不起作用：

$(document).ready(function(){
    $('.my_link').click(function(){
        var get_value = $('.my_p').parent().html(); //Returned all html codes in <div>
        var get_value = $('.my_p').parent().text(); //Returned all texts in <div>
    });
});

您的问题是.my_p选择器将返回该类的所有元素。要查找与单击的.my_链接相关的元素，您需要使用this关键字引用引发事件的元素，以及jQuery的DOM遍历方法

还要注意，您需要为元素文本中的使用HTML实体，否则它将被解释为HTML，并将破坏布局。试试这个：

$'.my_link'。单击函数{ var get_value=$this.closest'div'.find'.my_p'.text； console.logget_值； };

我也需要这个值1

我也需要这个值2

我也需要这个值3

您的问题是.my_p选择器将返回该类的所有元素。要查找与单击的.my_链接相关的元素，您需要使用this关键字引用引发事件的元素，以及jQuery的DOM遍历方法

还要注意，您需要为元素文本中的使用HTML实体，否则它将被解释为HTML，并将破坏布局。试试这个：

$'.my_link'。单击函数{ var get_value=$this.closest'div'.find'.my_p'.text； console.logget_值； };

我也需要这个值1

我也需要这个值2

我也需要这个值3

使用方法获取父标记内的元素。或者使用方法，因为它的同级正好位于单击的元素之前

$document.readyfunction{ $'.my_link'。单击函数{ //获取父项并获取内部的第一个p标记 var get_value=$this.parent.find'.my_p'.text； //或者使用prev var get_value1=$this.prev'.my_p'.text； console.logget_值，get_值1； }; };

我也需要这个值

使用方法获取父标记内的元素。或者使用方法，因为它的同级正好位于单击的元素之前

$document.readyfunction{ $'.my_link'。单击函数{ //获取父项并获取内部的第一个p标记 var get_value=$this.parent.find'.my_p'.text； //或者使用prev var get_value1=$this.prev'.my_p'.text； console.logget_值，get_值1； }; };

我也需要这个值

您可以使用prev jquery函数来实现这一点：

$document.readyfunction{ $'.my_link'。单击函数{ var get_value=$this.prev'p'.html； console.logget_值； }; };

我也需要这个值

您可以使用prev jquery函数来实现这一点：

$document.readyfunction{ $'.my_link'。单击函数{ var get_value=$this.prev'p'.html； console.logget_值； }; };

我也需要这个值

---

使用find方法从父级获取类文本.my\u p

$(document).ready(function(){
 $('.my_link').click(function(){
    var get_value = $(this).parent().find('.my_p').text(); 
  });
});

---

使用find方法从父级获取类文本.my\u p

$(document).ready(function(){
 $('.my_link').click(function(){
    var get_value = $(this).parent().find('.my_p').text(); 
  });
});

---

我的代码只是一个例子，如何得到他们父母的不同意见。“prev”对我来说不是很好。实际上，我的插件更复杂，但我在lugin和许多php函数中使用了本地语言。如果我把它们复制到这里，会很难看的。我有一个答案，谢谢你的帮助！我的代码只是一个例子，如何得到他们父母的不同意见。“prev”对我来说不是很好。实际上，我的插件更复杂，但我在lugin和许多php函数中使用了本地语言。如果我把它们复制到这里，会很难看的。我有一个答案，谢谢你的帮助！是的，简单有效。非常感谢你！我不知道为什么这是公认的答案。它有一个很明显的错误。你能告诉我那个很明显的错误是什么吗？是的，呵呵，我知道了，我忘了用单引号了是的，简单有效。非常感谢你！我不知道为什么这是公认的答案。它有一个很明显的错误。你能告诉我那个很明显的错误是什么吗？是的，呵呵呵呵，我知道了，我忘了用单引号了