0

当我单击它时，我试图获取一行的值，但即使我单击其他 tr，它也只会获取第一个 tr 的值。如何获得我点击的 tr 的值？

我用 jsonresponse 填满我的表。这是我的代码。

这是我的代码。

注册.html

<table class="table table-striped table-hover table-bordered" style="width:100%" border="0" id="miembrotb">

JsonResponse.js

$("#buscar_paciente").click(function(e) {
        var completo = $("#nombre").val();

        var input_string = completo;
        $.ajax({    
            url: "/datospacientejson",
            type: "POST",
            dataType: "json",
            data: {
                nombre: input_string,
                csrfmiddlewaretoken: '{{ csrf_token }}'
            },
             success: function (json) {
                var jsonResponse = eval(json);
                    $("#miembrotb").empty();
                    $("#miembrotb").append('<tr><th>ID</th><th>NOMBRE</th><th>FECHA DE NACIMIENTO</th></tr>');
                    $.each(jsonResponse, function (index, element) {
                        html = '<tr><td class="td1">'+jsonResponse[index]["fields"]["folio"]+'</td><td>'+jsonResponse[index]["fields"]["nombre"]+' '+jsonResponse[index]["fields"]["apellido_paterno"]+'<td>'+jsonResponse[index]["fields"]["fecha_nacimiento"]+'</td>'+'</tr>'
                        $("#miembrotb").append(html);
                    });
                },
            error: function(xhr, errmsg, err) {
                alert(xhr.status + "ERROR EN BUSQUEDA DE INFORMACION DEL PACIENTE: " + xhr.responseText);
            }
        });
        return false;
});



//ON CLICK FUNCTION
  $("#miembrotb").click(function(){//click anywhere in a row
    alert($(this).find("tr").html());
  });

在此处输入图像描述

4

2 回答 2

0

您需要将点击事件附加到tr带有 id 的表格内的特定元素miembrotb 

$("#miembrotb tr").click(function(){//click anywhere in a row
       $(this).html();
  });
于 2015-11-13T22:13:49.947 回答
0

您正在做的是检查用户是否点击了整个表格，而不是特定的行。这样，您不知道单击了哪一行，因此无法从该行中获取信息。

此外，当您这样做时$(this).find("tr")，您将获得一个包含填充查询的所有元素的数组，因此您将获得表中的每一行。

您需要的是，向行添加一个类，然后使用以下代码将事件监听器添加到它们：

$('.table-class').click(function(){
    $(this).html();
});

这样，您将从单击的行中获取 html。此外，如果您要动态创建它们，则可能需要在创建它们后附加事件侦听器。

希望这可以帮助。

于 2015-11-13T22:16:05.553 回答