Jquery：如何影响父级而不影响子级？

Question

有没有办法在更改父级时不影响父级内部的子级？

<p>old text <a class="mylink">old link text</a></p>

$("a.mylink").click(function() {
        $(this).parent().text("new text for p");
        $(this).text("new link text for a");
    });
});

上面似乎完全摆脱了链接文本。我基本上希望能够在单击发生时更改两个文本。

谢谢。

Answer 1

不是 JQuery 解决方案，但这有效：

$("a.mylink").click(function() {
    $(this)[0].previousSibling.nodeValue = "new text for p";
    $(this).text("new link text for a");
});

Answer 2

你可以试试这个技巧。有用

 $("a.mylink").click(function() {
       $(this).parent().html("new text for p" + $(this).text("new link text for a").html());
   });