CODEWITHSUNDEEP
jquery
user2349508
user2349508

Reputation: 55

Selecting Element attribute using Jquery

<ul class="top singleSelect" id="g-dropdown" data-type="singleSelect" role="listbox">
    <li id="li-0" data-level-id="10001" class="li-level1" tabindex="0">
        <ul id="ul-0">
           <li tabindex="-1" data-level-id="" id="li-0-0" class="li-level2">

I need to select the attribute data-level-id of inner li

Can someone help me to select the element using jquery?

Upvotes: 0

Views: 38

Answers (1)

Taplar
Taplar

Reputation: 24965

//select all children li that have a data-level-id attribute on them
var elements = $('#g-dropdown').find('li[data-level-id]').filter(function() {
  //exclude elements that have a nested li with a level id
  return $(this).find('li[data-level-id]').length < 1;
});

console.log(elements.get());
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="top singleSelect" id="g-dropdown" data-type="singleSelect" role="listbox">
  <li id="li-0" data-level-id="10001" class="li-level1" tabindex="0">
    <ul id="ul-0">
      <li tabindex="-1" data-level-id="" id="li-0-0" class="li-level2">
        Find Me
      </li>
    </ul>
  </li>
</ul>

Upvotes: 2

Related Questions