在触发其他子元素时修改子元素

Modify child element when other child is fired

本文关键字：元素 修改 其他      更新时间：2023-09-26
<div class='wrap'>
    <textarea></textarea>
    <a href=''></a>
</div>
<div class='wrap'>
    <textarea></textarea>
    <a href=''></a>
</div>
<div class='wrap'>
    <textarea></textarea>
    <a href=''></a>
</div>

我有很多具有相同子内容的父元素。向子级触发事件时，请对同一父级的另一个子级执行某些操作。

例如：

< textarea > onkeyup (from parent A) change the background-color of < a > (from parent A)

如何处理这个问题？

您

正在寻找siblings(应用于事件处理程序中的$(this)(，或者可能是closest和find的组合(如果另一个元素可能处于不同的级别，但在您的示例中并非如此(。

示例 - siblings ： 实时复制 |源

$(".wrap textarea").on("keyup", function() {
    var link = $(this).siblings("a");
    link.css("background-color", "green");
});

示例 - closest + find ： 实时复制 |源

$(".wrap textarea").on("keyup", function() {
    var link = $(this).closest(".wrap").find("a");
    link.css("background-color", "green");
});
相关文章：