当使用jquery单击表行时,如何从表行写入数据?

时间:2013-07-23 18:23:38

标签: jquery asp.net vb.net

进一步解释......我有一个asp.net表和文本框。表中有多行。现在,我有一些jquery代码允许用户点击行,它会在行中找到一个链接并将用户带到该URL。这是我的代码:

            <script type="text/javascript">
            var selected = null;
            $(document).ready(function () {
                $("#<%=orders_data.ClientID%>").find("tr").click(function () {
                    $(selected).removeClass("selected");
                    $(this).addClass("selected");
                    selected = this;
                });

                $("#<%=orders_data.ClientID%>").find("tr").click(function () {
                    var href = $(this).find("a");
                    href.attr("target", "_blank");
                    window.open(href.attr("href"))
                });

            });
        </script>

现在,我不是找到一个标签并打开链接,而是如何让jquery从表“orders_data”中的选定行中获取数据并将这些数据写入文本框?如果我需要进一步澄清任何事情,请告诉我!

1 个答案:

答案 0 :(得分:1)

请尝试使用此

$('#<%=orders_data.ClientID%> td').click(function(){

   var row_index = $(this).parent().index();
    alert(row_index);
   var col_index = $(this).index();
    alert(col_index);
    $tr=$(this).parent();
    alert($tr);
    var data1=$tr.find("td").eq(1).html();
    var data1=$tr.find("td").eq(1).html();
    alert(data1);
    $('#<%=asp.net_textID%>"').val(data2);
});

逻辑

  1. 使用$(this)获取当前的td。
  2. 使用$(this).parent()获取当前td的父级即tr。
  3. 使用索引查找td。
  4. here

    的现场演示