Question

我正在尝试为子表（嵌套在父表中）实现click事件监听器。有人可以帮我解决我的错吗？下面不起作用

OrderModify()

我需要先在DIV_TABLE上实现click事件。我正在做下面这是行不通的。请提出正确的方法

<table id="MAIN_TABLE" class="table table-bordered table-condensed table-hover table-striped dataTable no-footer" style="font-size: 14px; width: 1167px;" role="grid" aria-describedby="Hq_PendingTable_info">
    <thead>
        <tr role="row"><th>...</th></tr>
    </thead>
    <tbody>
        <tr role="row" class="odd shown">
            <td class="details-control sorting_1"><i class="fa fa-plus-square" aria-hidden="true"></i></td>
            <td>1</td>                
            <td>2</td>
        </tr>
        <tr>
            <td colspan="9">
                <div id="DivTable_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                    <div class="row">
                        <div class="col-sm-6"></div>
                            <div class="col-sm-6"></div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12">
                            <table id="DIV_TABLE" class="dataTable no-footer" role="grid">
                                <thead>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td class="subDetails"></td>
                                    </tr>
                                </tbody>

Answer 1

我在这里做了一个小提琴（只是为了举例而简化了您的表格）： http://jsfiddle.net/juywt3aL/5/

我没有叫表ID，而是让它叫<td>的类：

$('td.subDetails').on('click', function () {
alert("Hello! I am an alert box!!");
});

我认为这应该做您所需要的。

子表的td click事件的jQuery选择器

1 个答案: