javascript - 获取到指定的父元素，然后找到指定的子元素

Question

我有这个 HTML 结构

<div class="parent_wrapper">
    <div class="child_element_one">
    </div>
    <div class="child_element_two">
        <p></p>
    </div>
    <div class="child_element_three">
        <a href="#">Click to test</a>
    </div>

以及我尝试使用它的脚本(到目前为止我的尝试)

$('.child_element_three a').click(function(e){
    $(this).parents('parent_wrapper').find('.child_element_two p').text("added to the div that has a class of child_element_two paragraph");
});

问题:添加到所有具有child_element_two段落类的div，我想要的只是将文本添加到具有当前触发链接或当前点击链接组的同一组的.child_element_two段落。如何做到这一点？

Answer 1

您在 parent_wrapper 中缺少类选择器，您已将其用作元素选择器。

同时更改 .parents()至 closest()因为您只需要与选择器匹配的第一个父级

$(this).closest('.parent_wrapper').find('.child_element_two p').text("added to the div that has a class of child_element_two paragraph");

演示:Fiddle