Add click handler to LI bullet

Question

I'd like to add a JQuery click handler specifically to the bullet on an LI. Currently, when I click on any of the elements WITHIN the LI, the LI click handler fires. Instead, it should only be the bullet and not any of the content.

Answer 1

you'll need to make your own bullet then, possibly as a DIV with a background image.

Answer 2

If you want to keep the native bullet you could do this:

HTML:

<li><span>Text here</span></li>

JS:

$('li').click(function(event) {
    if (event.target.tagName != 'LI') return;

    alert('clicked bullet');
});