jquery - 通过 CSS 和 Jquery 访问动态生成的嵌套内容

Question

我正在尝试访问表格和 div 中的 anchor 链接。我没有运气访问 CSS 属性，因此我无法使用 jQuery 捕获点击事件。此内嵌对话框的内容是即时生成的。

<div id="cds-cad-inline-dialog" style="">
    <div>The model you requested has been successfully generated.</div>
    <table>
        <tbody>
            <tr>
                <td>
                    <div>
                        <a href="alinktoadownloadfile">Download File</a>
                    </div>
                </td>
            </tr>
        </tbody>
   </table>
</div>

我尝试了以下方法:

            $("div.a#cds-cad-container").click(function () {
                $("#cds-cad-static-3D-viewer").show();
                $("#cds-cad-inline-dialog").hide();
            });

和

            $("div.table.tbody.tr.td.div.a").click(function () {
                $("#cds-cad-static-3D-viewer").show();
                $("#cds-cad-inline-dialog").hide();
            });

如有任何帮助，我们将不胜感激。

编辑:

之前的代码

    <form id="_3d" runat="server">
        <div id="show_3d" runat="server" style="display:block;width:635px">
            <div id="cds-cad-container">
                <div id="cds-cad-inline-dialog" style="display:none;"></div>

之后的代码

见上文。

Answer 1

$("#cds-cad-container").on("click","table div a",function(event){
    alert("hello world, href : "+$(this).attr("href"));
    event.preventDefault();
});