Question

我有

<div>
  <div>  
     <td>
       <div></div>
     </td>
   </div>
</div>

但我想检查一下我是否点击“td”的“儿童div”

onclick:function(e){
    tableValue = "";
    if(idvalue != 0) {
        $('#'+idvalue).css('background-color', 'transparent');
        if(idvalue == "id-8" || idvalue == "id-9")
        {
            $('#id-8').css('background-color', 'transparent');
            $('#id-9').css('background-color', 'transparent');
        }
    }
    idvalue = e.target.getAttribute('id');


    $(".border-Class > div").click(function () {
        var arr = [];
        arr = idvalue.split('-');
        switch(arr[1])
        {
            case "0": value = "border: 0 !important";
                break;
            case "1": value = "border-left: 1 !important;border-right: 0 !important;border-top: 0 !important;border-bottom: 0 !important";
                break;
            case "2": value = "border-right: 1 !important;border-left: 0 !important;border-top: 0 !important;border-bottom: 0 !important";
                break;
            case "3": value = "border-top: 1 !important;border-left: 0 !important;border-right: 0 !important;border-bottom: 0 !important";
                break;
            case "4": value = "border-bottom: 1 !important;border-left: 0 !important;border-top: 0 !important;border-right: 0 !important";
                break;
            case "5": value = "border-top: 1 !important;border-bottom: 1 !important;border-left: 0 !important;border-right: 0 !important";
                break;
            case "6": value = "border-left: 1 !important;border-right: 1 !important;border-top: 0 !important;border-bottom: 0 !important";
                break;
            case "7": value = "border: 1 !important";
                break;
            case "8": value = "border: 1 !important";
                tableValue = "cross";
                break;
            case "9": value = "border: 1 !important";
                tableValue = "cross";
                break;
        }
        $(idvalue).css('background-color', 'pink');
        if(idvalue == "id-8" || idvalue == "id-9") {
            $('#id-8').css('background-color', 'pink');
            $('#id-9').css('background-color', 'pink');
        }

    });
    this.value(value);

点击任意一个层次结构中的Onclick调用。我尝试以上方式确认我是否点击了子div。但它没有成功。有人帮忙吗？

Answer 1

即使您的问题不明确，也可能发生这种情况，因为您的定位是div中的孩子.border-Class。这可能是包装其他div，整个事情都是可点击的。

如果你可以在子div中添加一个类，那么这可能是你处理传播的最简单方法：

HTML：

<div>
  <div>  
     <td>
       <div class="click-this"></div>
     </td>
   </div>
</div>

JS：

$(".click-this").on('click', function () {});

我可以在另一个功能中使用onClick吗？

1 个答案: