C# Corner
Tech
News
Videos
Forums
Jobs
Books
Events
More
Interviews
Live
Learn
Training
Career
Members
Blogs
Challenges
Certification
Contribute
Article
Blog
Video
Ebook
Interview Question
Collapse
Feed
Dashboard
Wallet
Learn
Achievements
Network
Refer
Rewards
SharpGPT
Premium
Contribute
Article
Blog
Video
Ebook
Interview Question
Register
Login
Bootstrap Li Disable/Enable Under UL Using Jquery
WhatsApp
Soumalya Das
Aug 10
2016
13.2
k
0
2
Html code
<
ul
class
=
"nav tabs"
>
<
li
class
=
"active"
id
=
"li1"
>
Item1
</
li
>
<
li
class
=
""
id
=
"li2"
>
Item2
</
li
>
<
li
class
=
"disabled"
id
=
"li3"
>
Item3
</
li
>
<
%--already disable--%
>
<
li
class
=
""
id
=
"li4"
>
Item4
</
li
>
<
li
class
=
""
id
=
"li5"
>
Item5
</
li
>
</
ul
>
jquery code
$(
"#li2"
).addClass(
"disabled"
);
// for 2nd li disable
$(
"#li3"
).removeClass(
"disabled"
);
// for 3rd li enable
Bootstrap Li
Disable/Enable Under UL
Jquery
Up Next
Bootstrap Li Disable/Enable Under UL Using Jquery