使用jquery

Question

嗨，我有这个html代码

<div class='moves'>
    <div class='element'><input type='text' value='55' /></div>
    <input class='top' type='text' />
    <input class='Bottom' type='text' />
    <input class='left' type='text' />
    <input class='right' type='text' />
</div>
<div class='moves'>
    <div class='element'><input type='text' value='55' /></div>
    <input class='top' type='text' />
    <input class='Bottom' type='text' />
    <input class='left' type='text' />
    <input class='right' type='text' />
</div>
<div class='moves'>
    <div class='element'><input type='text' value='55' /></div>
    <input class='top' type='text' />
    <input class='Bottom' type='text' />
    <input class='left' type='text' />
    <input class='right' type='text' />
</div>

现在我想要的是当某人在top或bottom或left或right类中键入内容时，将同一父位置处的div更改为值或左上角的按钮对，所以我尝试了

$(".top").keyup(function(){
    var element = $(this).parent().closest('.element');
    console.log(element);
})

我收到此消息

w.fn.init [prevObject: w.fn.init(1)]

但是我想要的是将位置更改为值55的输入 非常感谢

Answer 1

closest()向上移动（父母，父母的父母，...），以查找子元素，您应该使用find：

var element = $(this).parent().find('.element');

您还可以使用：

var element = $(this).siblings('.element');