jquery - 使用 jQuery 将数字附加到输入字段

Question

我需要从“/”和“pcs”字符之间的 package-size div 复制数字并将它们粘贴到输入值。在这种情况下，数字是 100。这可能吗？

如果 package-size div 中只有数字，则以下代码有效。

如果我有多个产品 div 怎么办？

<div class="product">
  <div class="package-size">1/100 pcs.</div>
  <input type="number" value="1" />
</div>

$( ".package-size" ).val(function() {
  var text = $( this ).text();
  $( "input" ).val( text );
});

更新 1:

<div class="product">
  <div class="package-size">
    <p>1/100 pcs.</p>
  </div>
  <div>
    <span>
      <input type="number" value="1" />
    </span>
  </div>
</div>

更新 2:

<div class="product">
  <div class="package-size">
    <p>1/100 pcs.</p>
  </div>
  <div>
    <span>
      <input type="number" value="1" />
    </span>
  </div>
</div>

<div class="product">
  <div class="package-size">
    <p>200 pcs.</p>
  </div>
  <div>
    <span>
      <input type="number" value="1" />
    </span>
  </div>
</div>

Answer 1

你需要使用相对定位找到输入元素

$(".package-size").each(function () {
    var text = $(this).text();
    $(this).next("input").val(text.match(/\/(\d+)/)[1]);
});

演示:Fiddle