选择没有具体内容的Div

Question

问：

我有以下情况：

Div 包含一个链接，我想只选择没有链接的 div，我的意思是，当单击 div 时我想要的特定操作与单击链接不同。通过一些 JQuery。

我工作的结构是：(by firebug)

sql 删除;

JQuery 代码：

    $(document).ready(function() {


    $(".rsAptContent").click(function(e) {
            ShowDialog(true);
            e.preventDefault();
        });

    });

    function ShowDialog(modal) {
        $("#overlay").show();
        $("#dialog").fadeIn(300);

        if (modal) {
            $("#overlay").unbind("click");
        }
        else {
            $("#overlay").click(function(e) {
                HideDialog();
            });
        }
    }

    function HideDialog() {
        $("#overlay").hide();
        $("#dialog").fadeOut(300);
    } 

</script>`

当我点击链接时，我不想执行 Jquery 代码，如何选择 div没有链接。

提前致谢

Answer 1

您是否正在寻找类似 stopPropagation() 代码的内容？

$(".rsAptContent").click(function(e) {
            e.stopPropagation();
            ShowDialog(true);
            return false;
        });

    });

这应该会阻止链接执行。

http://api.jquery.com/event.stopPropagation/

编辑：区分单击链接并单击除链接之外的内容的任何部分

    $(".rsAptContent").click(function(e) {
                var $target = $(e.target);
                if($target.is(a){
                  // It's the link.
                }else{
                  // else it's not
                }
            });
        });

Answer 2

检查单击的目标元素，然后执行操作

以获取有关单击哪个元素的信息，使用下面的脚本

function whichElement(event){
    var tname
    tname=event.srcElement.tagName
    alert("You clicked on a " + tname + " element.")
}

Answer 3

试试这个：

$(".rsAptContent").click(function(e) {
        if($(e.target).hasClass('rsAptDelete')) return false;
        ShowDialog(true);
        e.preventDefault();
    });
});

如果目标是链接，则事件被取消；

Answer 4

如果删除链接上已有点击处理程序，则只需使用 stopPropagation() 停止事件传播即可。

$(".rsAptDelete").click(function(e) {
    e.stopPropagation();
});