CODEWITHSUNDEEP
jqueryhtml
Rusty
Rusty

Reputation: 1303

How to remove li element from li

i have mulitple li like this..

What i want is when the li is clicked i dont want to fire click event of ".actiontools" class which is under all li

<li>
 <div class="bordered collapse-tree">
    <div class="actionTools">
        <div class="navItemcustom">
            <a href="#" class="actionToolsDropDown"><span class="">
                Actions</span></a>
            <div class="dropscustom">
                <a >Add</a>
                <a >edit</a>
            </div>
        </div>
    </div>
    <div class="title">
        test

    </div>
</div>

<ol>

    <li id="menuid">
        <div class="bordered  ">
            <div class="actionTools">
                <div class="navItemcustom">
                    <a href="#" class="actionToolsDropDown"><span class="">
                        Actions</span></a>
                    <div class="dropscustom">
                        <a >Add</a>
                        <a >edit</a>
                    </div>
                </div>
            </div>
            <div class="title">
                new

            </div>
        </div>

    </li>
</ol>
</li>

<script type="text/javascript">
(function (cash) {
    $.fn.collapsibleList = function () {
        this.find("li").each(function (i, li) {

        });

        return this;
    }
})(jQuery);
$(".collapsibleList").collapsibleList();

</script>

here is the fiddle: http://jsfiddle.net/napper7/BTcwr/

Upvotes: 0

Views: 109

Answers (2)

palaѕн
palaѕн

Reputation: 73966

Try this:

$("li").find(".actionTools").click(function() {
    return false;
});​

Upvotes: 1

Miqdad Ali
Miqdad Ali

Reputation: 6147

$("li").click(function(event)}{
    event.preventDefault();
    //do your stufff


});

Upvotes: 1

Related Questions