Get index of element after adding class

Question

I have a problem with indexing elements after adding specific class. I need indexing not from first element of ul, but from li with class activated. Is it possible?

function setdataindex() {
  $('.ul li').removeAttr('data-index');
  $('.ul li.activated').each(function() {
    var index = $(this).index();
    $(this).find('span').html(index);
  });
}
setdataindex();

$('form').on('change', function() {
  var nodeActive = $(this).find('input:checked').attr('id');
  $('.ul li').removeClass('activated');
  $('.ul li span').empty();
  $('.ul').find('[data-node="' + nodeActive + '"]').addClass('activated');
  setdataindex();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
  <p><input id="nd1" type="radio" name="node" value="node1">Node1 </p>
  <p><input id="nd2" type="radio" name="node" value="node2">Node2 </p>
</form>

<ul class="ul">
  <li data-node="nd1">Test <span></span></li>
  <li class="activated" data-node="nd2">Test <span></span></li>
  <li data-node="nd1">Test <span></span></li>
  <li data-node="nd1">Test <span></span></li>
  <li data-node="nd2">Test <span></span></li>
</ul>

Please be more articulative .. what is the expected output ?Else people will not spend much time on your question — user1428716
– user1428716, Commented Sep 26, 2017 at 15:17

Peter · Accepted Answer · 2017-09-26 15:13:51Z

1

jQuery foreach method pass index and value to the callback:

function setdataindex() {
  $('.ul li').removeAttr('data-index');
  $('.ul li.activated').each(function(index) {
    $(this).find('span').html(index);
  });
}

answered Sep 26, 2017 at 15:13

Peter

1,82217 silver badges26 bronze badges

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

Collectives™ on Stack Overflow

Get index of element after adding class

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