Question

I seem to have another issue that I am not conquering. Real simple premise.
I have a mousedown event, and basically IF one particular element on the page is clicked, I want nothing to happen, else I want hide() some div.

    $(function(){
        $("document :not(#_ignorelement)").mousedown(function(event){
                if($('#_hidethiselement').length){
                    $('#_hidethiselement').hide();
                }
        })
     })

That is not working at all. I also tried the following:

    $(document).not($("#_ignorelement")).mousedown(function(event){

    $(document).not("_ignorelement").mousedown(function(event){

IF I can solve that, curious how I would actually have “:not” encompass the parent div, like so:

$().not("_ignoreelement").parent().closest('div').mousedown(function

Because the element “_ignorelement” is an anchor tag that is in a div. Wonder how I can use the parent div perhaps, instead of the anchor tag.

Anyways, any help would be appreciated.

Answer 1

document isn’t a node that you can select. Try this instead:

$(function(){
    $("body :not(#_ignorelement)").mousedown(function(event){
        if($('#_hidethiselement').length){
            $('#_hidethiselement').hide();
        }
        return false;
    })
 });

Here’s a working example