javascript - 获取兄弟的name属性，用它来调整具有等效ID的元素的值

Question

我正在尝试设置一个系统，以便在单击按钮时调整输入字段的值。

要调整的字段的ID 等于按钮的兄弟元素的名称。

因此，我正在尝试编写代码：单击按钮时 - 获取同级名称 - 获取 ID 等于同级名称的元素 - 更改该元素的值

这是我的尝试：

$(function() {
    $('#values').on('click', '.remField', function() {                      
        var = $(this).siblings().name()
        $('#var').val('DELETE');
        return false;
    });
});

但是，这不起作用。

Answer 1

您的选择器创建和检索名称不正确尝试：

 $('#values').on('click', '.remField', function() {                      
        var name = $(this).siblings().attr('name');
        $('#' + name).val('DELETE');
        return false;
    });

请注意，siblings可能会将多个项目作为集合返回，并且attr在集合上将获得集合中第一个项目的名称。如果您知道它是 prev 元素的下一个，那么更好地使用.next()或.prev()更具体。var是一个关键字，您不能将其用作变量名。

Answer 2

使用.attr()

$('#values').on('click', '.remField', function () {
    var name = $(this).siblings().attr('name');
    $('#' + name).val('DELETE');
    return false;
});

---

.siblings()将返回多个项目