Question

我试图通过鼠标点击将焦点放在div内的特定“部分”内。我写了以下几行代码：

$('#my-div-id').children('.my-section-class').on({
    'mousedown' : function(e){
        var $item = $(this);
        $item.focus();
    }       
});

这些部分基于一些if语句添加到div内部的for循环中。

div中有'my-section-class'类的五个部分，而$('#my-div-id').children('.my-section-class').length正在返回5.但是控制永远不会进入我的函数。

在上面的代码中，如果我忽略了.children('.my-section-class')，只要我在div中单击，控制就进入我的函数内部。但我想关注特定部分，而不是整个div。

我也试过了$('#my-div-id').children('.my-section-class').live('click',function(event)，但这也是同样的行为。如果我硬编码特定部分的ID而不是使用children()函数，我将在我的函数中获得控制权。

修改

使用<c:forEach>标记添加html代码，如下所示 <c:ForEach ...> <section class="my-section-class">...</section> </c:ForEach>

Answer 1

尝试

$('#my-div-id').on('mousedown', '.my-section-class', function(e) {
    var $item = $(this);
    $item.focus();
});

控制不进入divobject.children（）。on（{＆＃39; mousedown＆＃39; ...}）;

1 个答案: