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

时间:2014-05-20 08:44:30

标签: jquery html css

我需要在" /"之间复制package-size div中的数字。和" pcs"字符并将它们粘贴到输入值。在这种情况下,数字是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>

1 个答案:

答案 0 :(得分:4)

您需要使用相对定位

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

演示:Fiddle