Add click handler to LI bullet

I'd like to add a JQuery click hand开发者_StackOverflow社区ler 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.

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');
});

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