JQuery从一个类获取值到另一个类数据值

Question

我正面临直接从用户获取JQuery数据的问题。我想要的是从一个类中获取值并设置在另一个类数据值中。下面是我粗略的结构 -

Answer 1

通常，您应该提供HTML结构以及应该触发哪些事件。但是如果你有像上面那样的结构，我会给你一些示例代码：

$('.black-box').each(function(index, item){ 
    var value = $(item).val(); //get value of black box
    $(item).next().attr('value', value); // set value to red box button
})

Answer 2

我只是假设您的html结构类似于：

<div>
    <input type="text" name="text1">
    <button type="button">Click Me!</button>
</div>
<div>
    <input type="text" name="text2">
    <button type="button">Click Me!</button>
</div>
<div>
    <input type="text" name="text3">
    <button type="button">Click Me!</button>
</div>

您需要的是文本框的事件处理程序。

e.g

$(document).ready(function(){
   $('input').change(function(){
    $(this).next().data('value',$(this).val());
   });
});

这是一个小提琴

https://jsfiddle.net/25r7n54y/