To explain further... I have an asp.net table and textbox. There are multiple rows in the table. Right now, I have some jquery code that allows users to click on rows and it will find a link in the row and take the user to that url. Here is my code:
进一步解释......我有一个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>
Now, instead of finding the a tag and opening the link, how can I make jquery take data from the selected row in the table "orders_data" and write this data in a textbox? Let me know if I need to further clarify anything!
现在,我不是找到一个标签并打开链接,而是如何让jquery从表“orders_data”中的选定行中获取数据并将这些数据写入文本框?如果我需要进一步澄清任何事情,请告诉我!
1 个解决方案
#1
1
Please try using this
请尝试使用此功能
$('#<%=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);
});
Logic
逻辑
- get the current td using
$(this)
. - 使用$(this)获取当前的td。
- get the current td's parent ie tr using
$(this).parent()
. - 使用$(this).parent()获取当前td的父级即tr。
- find the td using the index.
- 使用索引找到td。
Live demo at here
现场演示
#1
1
Please try using this
请尝试使用此功能
$('#<%=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);
});
Logic
逻辑
- get the current td using
$(this)
. - 使用$(this)获取当前的td。
- get the current td's parent ie tr using
$(this).parent()
. - 使用$(this).parent()获取当前td的父级即tr。
- find the td using the index.
- 使用索引找到td。
Live demo at here
现场演示