javascript - jQuery prev()返回undef

通过JSON接收数据并在表上添加内容之后，使用了事件委托来捕获该内容的链接，但是当您单击动态创建的链接时，想要访问prev（）包含数据的tr元素， ID。但这是我回来的undef。有人能帮我吗？ prev（）由editarComercial（）调用

Javascript：

$(document).ready(function(){

    function editarComercial(trthis) {
        alert($(trthis).prev().prev().data('id'));
    }

    function listaComercial(){

        url = BASE_URL + 'comercial/ajaxrequest/listagem';

        $.getJSON(url,function(data){

            var trs = [];
            $.each(data,function (key){

                tr = "<tr data-id=\""+data[key].id+"\">";
                tr += "<td>"+data[key].nome+"</td>";
                tr += "<td><a href=\"javascript:void(0);\" class=\"edit-comercial\">Editar</a>";
                tr += "<a href=\"javascript:void(0);\" class=\"del-comercial\">Excluir</a></td>";
                tr += "</tr>";

               trs.push(tr);
            });
            $("<tbody/>",{
                html: trs.join("")
            }).appendTo("#listagemComercial");
        });

    }

    $(document).on('click','a.edit-comercial',function(){
        editarComercial(this);
    });

    listaComercial();
 });

HTML：

    <div id="content">
    <table id="listagemComercial">
        <thead>
            <tr>
                <th>Nome</th>
                <th>Ações</th>
            </tr>
        </thead>
    </table>
</div>

最佳答案

.edit-comercial没有上一个元素，它是TD中的第一个元素。

您可能想要closest()来遍历该行

function editarComercial(trthis) {
    alert( $(trthis).closest('tr').data('id') );
}

关于javascript - jQuery prev()返回undef，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31143999/