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

Question

this is what I've got:

<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>

I need this:

<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>

I'd need to populate data-order values with ones found in input field. I've tried with each function, but all I've got was value from first input field "3" to be inserted into data-order.

this is what I've tried + many variations of it

$.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));

});

Thank you

Hemerson Varela · Accepted Answer · 2016-02-02 20:06:56Z

2

The way you're trying to do it is getting every element with the 'cant-see-me' class. This would return back an array of 3 input elements according to the HTML. You need to get the value of the 'cant-see-me' class belonging to each individual <li> element:

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

edited Feb 2, 2016 at 20:06

Hemerson Varela

26.1k18 gold badges73 silver badges69 bronze badges

answered Feb 2, 2016 at 11:48

NiallMitch14

1,2371 gold badge13 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related