Question

我有多个文本框，我想更新模糊的数据价格属性。如果我更改值需要更改特定的“数据价格”属性。

$(document).ready(function() {
  $('#price').blur(function(){
    $test=$(this).attr('data-price');
      $test=$(this).val();
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="price" class="default used_asset1" maxlength="8" placeholder="Amount" data-price="342" name="price" type="text" value="342">
<input id="price" class="default used_asset1" maxlength="8" placeholder="Amount" data-price="3" name="price" type="text" value="3">
<input id="price" class="default used_asset1" maxlength="8" placeholder="Amount" data-price="25" name="price" type="text" value="25">
<input id="price" class="default used_asset1" maxlength="8" placeholder="Amount" data-price="32" name="price" type="text" value="32">

是否可以更新jquery中的属性值。我在代码中做错了什么

Answer 1

使用price作为类，因为元素ID在整个文档中应该是唯一的。

＆＃13;

$(document).ready(function() {
  $('.price').blur(function(){
    //$test=$(this).attr('data-price');
      //$test=$(this).val();
      $(this).attr('data-price', $(this).val());
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="price efault used_asset1" maxlength="8" placeholder="Amount" data-price="342" name="price" type="text" value="342">
<input class="price efault used_asset1" maxlength="8" placeholder="Amount" data-price="3" name="price" type="text" value="3">
<input class="price efault used_asset1" maxlength="8" placeholder="Amount" data-price="25" name="price" type="text" value="25">
<input class="price efault used_asset1" maxlength="8" placeholder="Amount" data-price="32" name="price" type="text" value="32">

＆＃13;

Answer 2

如果ID已被复制，您无法按ID选择元素。它将在第一个上工作而忽略其余的。按类或元素名称选择将选择所有这些。

https://jsfiddle.net/5n71z2uq/

我选择输入但您可以输入一个课程并选择VIA课程。

$(document).ready(function() {
  $('input').blur(function(){
    $(this).attr('data-price', this.value);
  });
});

Answer 3

是的，你可以。这很简单，试试吧。

$(document).ready(function(){
  $('#price').blur(function(){
   $(this).data('price', $(this).val());
  });
});

更改文本框模糊的属性值

3 个答案: