jquery - 手动触发div的点击事件

Question

我有一个 div，它有很多 div。绑定(bind) div 时，我为每个项目创建点击事件，如下所示

    jQuery.each(opts.items, function (i, item)
                    {
                        var image = opts.image;
                        jQuery('jQuery('<div class="' + opts.optionClassName + opts.controlId + '" id="' + item.key + '" ><img src="' + image + '" alt="checkbox" />' + item.value + '</div>')
                                .click(function ()
                                {')
                                        .click(function ()
                                        {

    //code goes here

    }

当在 UI 中单击 div 时，它会被触发，但是当我尝试手动执行此操作时，它不会被触发。关于如何触发的任何帮助都会很棒。 我硬编码了 div 值并尝试调用，但没有用。

   var id1 = 'Car';
    var id2 = 'Bus';
    $('div class="CList" id="1" >' + id1 + '</div>').trigger('click');
    $('div class="CList" id="3" >' + id2 + '</div>').trigger('click');

连这个

    var id1 = 'Car';
    var id2 = 'Bus';
    $('div class="CList" id="1" >' + id1 + '</div>')[0].click();
    $('div class="CList" id="3" >' + id2 + '</div>')[0].click();

Answer 1

您拥有的不是有效的选择器。您将一些几乎是 HTML 的内容传递给 jQuery 函数，因此它不知道如何处理它。

如果元素的 ID 是 1 和 3，那么您只需执行以下操作:

$('#1, #3').trigger('click');

如果您想模拟每个按钮的点击，也许更好的方法是再次迭代您的集合:

jQuery.each(opts.items, function(i, item) {
    $('#' + item.key).trigger('click');
});