Get Li Class Name on button Click

Question

On Button Click i want to get the value of li.

<ul class="nav nav-tabs">
  <li class="one">One Code</li>
  <li class="two">Two Code</li>
  <li class="three">Three Code</li>
</ul>

<button type="submit"  id="btnid" onclick="btnclick();">Submit</button>

Try searching before you post a question. http://stackoverflow.com/a/3545356/971502 — Emre, Sep 05 '14 at 09:15
Is this the only ul/li of your code, if it's not you could do it by selecting it, by descending from the ul, @emre in the above code there's no id on the ul part, i think the link you pass didn't match his code! — CollioTV, Sep 05 '14 at 09:15
i want li class name when click on any particular li @ArunPJohny — MIlan Modh, Jul 30 '19 at 12:46

score 2 · Answer 1 · answered Sep 06 '14 at 07:02

2

Try this-

function btnclick() {
    var arr = [];
    $("ul.nav").find("li").each(function () {
        arr.push($(this).html()) //I don't know what you want, I am assuming the Html
    })
    alert(arr);
}

DEMO

answered Sep 06 '14 at 07:02

vikrant singh

2,091
1
12
16

score 1 · Answer 2 · answered Sep 05 '14 at 09:27

1

you can access each li like this with the jquery selector

$("a",CLASS_NAME,"li", "ul").text()

wich CLASS_NAME is .one .two .thre....

answered Sep 05 '14 at 09:27

CollioTV

684
3
13

Get Li Class Name on button Click

2 Answers2

DEMO