j查询如何将值从输入字段设置为其他元素数据属性

jquery how to set values from input field to other element data-attribute

本文关键字:设置 字段 其他 数据属性 元素 输入 查询      更新时间:2023-09-26

这就是我得到的:

<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));
});

谢谢

你尝试这样做的方式是用"cant-see-me"类获取每个元素。这将根据 HTML 返回一个包含 3 个输入元素的数组。您需要获取属于每个单独<li>元素的"cant-see-me"类的值:

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