javascript – jquery如何将值从输入字段设置为其他元素数据属性

2023年5月8日 205次阅读

这就是我所拥有的：

<ul class="sortable">
<li data-order=""><input class="cant-see-me" value="3" /></li>
<li data-order=""><input class="cant-see-me" value="1" /></li>
<li data-order=""><input class="cant-see-me" value="2" /></li>
</ul>

我需要这个：

<ul class="sortable">
<li data-order="3"><input class="cant-see-me" value="3" /></li>
<li data-order="1"><input class="cant-see-me" value="1" /></li>
<li data-order="2"><input class="cant-see-me" value="2" /></li>
</ul>

我需要使用输入字段中找到的数据顺序值填充数据顺序值.
我已尝试过每个函数,但我所得到的只是第一个输入字段“3”的值,要插入到数据顺序中.

这就是我尝试过的很多变化

$.each($('.sortable li'), function (index, value) { 
/*  $('.sortable li').each(function() {  this one had the same result*/

  var bla = $('.cant-see-me').val();
  $(this).attr('data-order', (bla));

});

谢谢

最佳答案 你试图这样做的方法是让每个元素都有“看不见我”的课程.这将根据HTML返回3个输入元素的数组.您需要获得属于每个人的“看不见我”类的价值< li>元件：

var bla = $($(this).find('.cant-see-me')).val();
$(this).attr('data-order', bla);
点赞