Selecting Element attribute using Jquery

Question

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

Can't use ID of li as it is creating dynamically multiple li's... ID's will keep on continue like li-0-0 li-0-1 li-02. I want select that attribute of all the li's — user2349508
– user2349508, Commented Mar 14, 2018 at 17:02
You must clarify the question. Then the answers will appear. — GhitaB
– GhitaB, Commented Mar 14, 2018 at 17:05

Taplar · Accepted Answer · 2018-03-14 17:25:27Z

2

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

edited Mar 14, 2018 at 17:25

answered Mar 14, 2018 at 17:04

Taplar

25k4 gold badges24 silver badges36 bronze badges

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

12 Comments

xDaizu Over a year ago

Please, for the love of jQuery, make it $('#g-dropdown').find('li[data-level-id]')

Taplar Over a year ago

You could do that, sure. But the scope of the selector is pretty small so the performance different would be negligible

user2349508 Over a year ago

How can i store the value of this function into a variable ?

Taplar Over a year ago

Are you wanting the variable to contain the elements, or the value of the data fields?

user2349508 Over a year ago

i want to store the element into variable .. select the element with data field and store into a variable

|

Collectives™ on Stack Overflow

Selecting Element attribute using Jquery

1 Answer 1

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related