javascript - jQuery:在更改时获取与其文本最接近的元素？

Question

我正在尝试使用 jquery 获取距离输入字段最近的元素，以便我可以使用该元素的 text/html 作为输入字段的值。

我的 jquery 看起来像这样:

jQuery("[name=currencies]").val(Currency.currentCurrency).change(function() {
  $(".moneyPrice").val($("span.money").text());

});

span.money 及其文本是动态创建的。

上面的代码以某种方式工作，但它会将所有 span.money 放入输入字段中。

我想做的是获取距离每个输入字段最近的 span.money 并将其文本放入该输入字段中。

我创建了一个 jsfiddle 来演示这个问题:

http://jsfiddle.net/v6v146sv/

请更改选择选项并记下输入字段的值。

如有任何帮助，我们将不胜感激。

Answer 1

您可以使用closest和find方法:

$(".moneyPrice").val(function() {
    return $(this).closest('.price').find('span.money').text();
});