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

Question

我正在学习开发，我有一个关于 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>

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

$(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>
    });
});

Answer 1

您可以使用 prev() jquery 函数来实现此目的:

$(document).ready(function(){
    $('.my_link').click(function(){
        var get_value = $(this).prev('p').html();
        console.log(get_value);
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>