Question

我有多个父母，超过2个，但这只是示例，我想通过点击一个按钮从所有基本价格复制到所有价格。

<button type="button" id="copybtn" class="btn">Copy</button>

<p class="baseownwrap">
    <label>thing1</label>
    <span class="baseprice">1</span>
    <input class="ownprice" type="text" value="" name="price[]">
</p>

<p class="baseownwrap">
    <label>thing2</label>
    <span class="baseprice">2</span>
    <input class="ownprice" type="text" value="" name="price[]">
</p>

//something like this, but this doesn't work
$('#copybtn').click(function(){
    $('.ownprice').val($(this).siblings('.baseprice').text());
});

Answer 1

使用.each()方法迭代每个父级，然后获取子级baseprice的值并将其添加到.ownprice。

$('#copybtn').click(function() {
    $(".baseownwrap").each( function(){
        bestPriceValue = $('.baseprice', this).text();
        $('.ownprice', this).val(bestPriceValue);
    });
});

Answer 2

您可以使用类.ownprice遍历每个元素，并使用类.baseprice复制元素中的值：

＆＃13;

$('#copybtn').click(function() {
  $(".ownprice").each(function() {
    $(this).val(parseInt($(this).prev().text(), 10));
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type="button" id="copybtn" class="btn">Copy</button>

<p class="baseownwrap">
  <label>thing1</label>
  <span class="baseprice">1</span>
  <input class="ownprice" type="text" value="" name="price[]">
</p>

<p class="baseownwrap">
  <label>thing2</label>
  <span class="baseprice">2</span>
  <input class="ownprice" type="text" value="" name="price[]">
</p>

＆＃13;

<强>参考文献：

.prev()

.each()

如何使用jquery同时将兄弟姐妹复制到多个不同父母的兄弟姐妹？

2 个答案: