Jquery 自动触发点击事件不起作用

Question

我无法在第二个 td 上触发点击事件。 当我尝试控制台时

console.log($("#jq_quiz_task_container table tbody tr td:nth-child(2)").html());  

出现以下结果....

<a style="cursor:pointer" onclick="javascript:jq_QuizNextOn(); void(0);"  title="Next" onmouseover="jlms_WStatus('Next');return true;" onmouseout="jlms_WStatus('');return true;" class="btn btn-primary">&nbsp;Next&nbsp;&nbsp;</a>

我如何在第二个 TD 内触发这个“a”的点击事件？

我在控制台中尝试了以下代码

$("#jq_quiz_task_container table tbody tr td:nth-child(2) a").click();

但它在控制台中显示对象

[a.btn.btn-primary]

请找到下面给出的代码。

    <div id="jq_quiz_task_container" class="pull-right" style="float: right;">
        <table class="jlms_toolbar_buttons" align="right" style="text-align: right; width:auto; " cellpadding="0" cellspacing="0" border="0">
            <tbody>
                <tr>
                    <td valign="middle" style="vertical-align:middle">
                        <a style="cursor:pointer" onclick="javascript:jq_QuizPrev(); void(0);" title="Prev" onmouseover="jlms_WStatus('Prev');return true;" onmouseout="jlms_WStatus('');return true;" class="btn btn-primary">&nbsp;Prev&nbsp;&nbsp;</a>
                        </td>
                        <td valign="middle" style="vertical-align:middle">
                        <a style="cursor:pointer" onclick="javascript:jq_QuizNextOn(); void(0);" title="Next" onmouseover="jlms_WStatus('Next');return true;" onmouseout="jlms_WStatus('');return true;" class="btn btn-primary">&nbsp;Next&nbsp;&nbsp;
                        </a>
                    </td>
                </tr>
            </tbody>
        </table>
     </div>

Answer 1

因为我们不知道 jq_QuizNextOn() 的定义是什么，所以很难说发生了什么。

如果我将其定义为：

var jq_QuizNextOn = function(){
    console.log('test');
}

然后在控制台中执行

$("#jq_quiz_task_container table tbody tr td:nth-child(2) a").click()

它会为我记录“测试”。 在铬中测试。