Javascript Jquery：如何知道选择了哪一行？
我有一个表，其中包含动态更改的行和项 在这些行中，每个单元都有一个小按钮/链接 乙二醇 我想要的是，当我点击链接按钮时，我需要知道选择了哪一行？有谁能给我指点怎么做吗 你的帮助将不胜感激Javascript Jquery：如何知道选择了哪一行？,javascript,jquery,Javascript,Jquery,我有一个表，其中包含动态更改的行和项 在这些行中，每个单元都有一个小按钮/链接 乙二醇 我想要的是，当我点击链接按钮时，我需要知道选择了哪一行？有谁能给我指点怎么做吗 你的帮助将不胜感激 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; c
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link href="css/main.css" type="text/css" media="screen, projection" rel="stylesheet" />
</head>
<body><center>
<div id="message" style="display: none;">
</div>
<div id="waiting" style="display: none;">
Please wait<br />
<img src="images/ajax-loader.gif" title="Loader" alt="Loader" />
</div>
<form action="" id="searchForm">
<label for="search">Matter Search:</label> <input type="text" name="search" id="search" />
<input type="submit" id="submit" value="Submit" />
<a href="#">Link</a>
</form>
<div id="matterTableDiv" style="display: none;">
List of Matters
<table id="matterTable" border="1">
<thead>
<th>Matter Names</th>
<th>Matter Number</th>
<th>Description</th>
<th></th>
</thead>
<tbody>
</tbody>
</table>
</div>
<div id="matterDetailTableDiv" style="display: none;">
Matter Detail Table
</div>
<script type="text/javascript" src="js/json2.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#search').focus();
$('#submit').click(function(){
$('#message').hide(200);
$("#matterTableDiv").hide(200);
$("#matterTable tbody").text("");
$('#waiting').show(200);
$('#searchForm').hide(200);
$.ajax({
type : 'POST',
url : 'post.php',
dataType : 'json',
data: {
search : $('#search').val()
},
success : function(data){
if(data.msg == "[]" ){
$('#waiting').hide(200);
$('#message').removeClass().addClass('error')
.text('There was an error.').show(200);
$('#searchForm').show(200);
}
$('#waiting').hide(200);
$('#matterTableDiv').removeClass().addClass((data.error === true) ? 'error' : 'success')
if(data.error == false){
var str = JSON.parse(data.msg);
$("#matterTableDiv").show(200);
//alert("List :" + str.length);
//alert("List :" + str.toString());
$("#matterTable").html();
$.each(str, function(key, value) {
var tblRow =
"<tr>"
//+"<td><a id="+key+" href='#dbID="+value.dbID+"&matID="+value.matterID+">"+value.matterInfoSortName+"</a></td>"
+"<td>"+value.matterInfoSortName+"</td>"
+"<td>"+value.matterInfoMatterNum+"</td>"
+"<td>"+value.matterInfoFileDesc+"</td>"
+"<td><input type='button' value="+value.matterInfoFileDesc+"></td>"
+"</tr>";
$(tblRow).appendTo("#matterTable tbody");
//alert(key + ': ' + value.matterInfoSortName);
});
$("button").live("click",function(){
var row = $(this).closest("tr");
var rowIndex = row.index();
alert(rowIndex);
});
}else{
$('#message').removeClass().addClass('error')
.text('There was an error.').show(200);
}
$('#searchForm').show(200);
if (data.error === true)
$('#searchForm').hide(200);
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
$('#waiting').hide(200);
$('#message').removeClass().addClass('error')
.text('There was an error.').show(200);
$('#searchForm').show(200);
}
});
return false;
});
});
</script>
</center>
</body>
请稍候
物质搜索：
事项清单
物质名称
物号
描述
物质详情表
$（文档）.ready（函数（）{
$（“#搜索”）.focus（）；
$（“#提交”）。单击（函数（）{
$（“#消息”）.hide（200）；
$（“#matterTableDiv”）.hide（200）；
$（“#matterTable tbody”）.text（“”）；
$（#waiting'）。show（200）；
$（'searchForm'）。隐藏（200）；
$.ajax({
键入：“POST”，
url:'post.php'，
数据类型：“json”，
数据：{
搜索：$（“#搜索”）.val（）
},
成功：功能（数据）{
如果（data.msg==“[]”）{
$（'等待'）.hide（200）；
$（'#message'）.removeClass（）.addClass（'error'））
.text（“出现错误”）。show（200）；
$（'searchForm'）。show（200）；
}
$（'等待'）.hide（200）；
$（'#matterTableDiv'）.removeClass（）.addClass（（data.error==true）？“error”：“success”）
如果（data.error==false）{
var str=JSON.parse（data.msg）；
元("matterTableDiv).show(200);；
//警报（“列表：+str.length”）；
//警报（“列表：+str.toString（））；
$（“#matterTable”）.html（）；
$.each（str、函数（键、值）{
var tblRow=
""
//+""
+“”+value.matterInfoSortName+“”
+“”+值。matterInfoMatterNum+“”
+“”+value.matterInfoFileDesc+“”
+""
+"";
$（tblRow）。附加到（“#matterTable tbody”）；
//警报（键+'：'+值.matterInfoSortName）；
});
$（“按钮”）.live（“单击”，函数（）{
var行=$（此）.tr；
var rowIndex=row.index（）；
警报（行索引）；
});
}否则{
$（'#message'）.removeClass（）.addClass（'error'））
.text（“出现错误”）。show（200）；
}
$（'searchForm'）。show（200）；
如果（data.error==true）
$（'searchForm'）。隐藏（200）；
},
错误：函数（XMLHttpRequest、textStatus、errorshown）{
$（'等待'）.hide（200）；
$（'#message'）.removeClass（）.addClass（'error'））
.text（“出现错误”）。show（200）；
$（'searchForm'）。show（200）；
}
});
返回false；
});
});
您可以从处理程序中的
这个（单击的按钮）获取按钮的
，然后从那里获取您想要的任何内容，例如：
$(".someButton").live("click", function() {
var row = $(this).closest("tr");
var rowIndex = row.index();
});
要查看像这样的“四处移动”功能的完整列表，请查看处理程序中的。您可以从this
（单击的按钮）转到并使用以获取按钮的
，然后从那里获取您想要的任何内容，例如：
$(".someButton").live("click", function() {
var row = $(this).closest("tr");
var rowIndex = row.index();
});
要查看像这样的“移动”函数的完整列表，请查看。我猜您正在使用
$('.all_links').click(some_function)
因此，在这种情况下，您只需从某些函数中找到它，如下所示：
function some_function() {
$(this).parents('tr'); // this will give you the link's row.
}
我猜你在用
$('.all_links').click(some_function)
因此，在这种情况下，您只需从某些函数中找到它，如下所示：
function some_function() {
$(this).parents('tr'); // this will give you the link's row.
}
我知道你要的是行索引，有些用户已经给了你答案。
但是，通常我们需要行的id，因为该id属于数据库中的一个id。
在这种情况下，可以使用单元格的id或按钮本身。
例如：
abc
abc
abc
abc
$（“输入[type=button]”）。实时（“单击”，函数（）{
var行=$（此）.tr；
var rowId=row.attr（“id”）；
警报（rowId）；
});
这里有：
我知道您询问行索引，有些用户已经给了您答案。
但是，通常我们需要行的id，因为该id属于数据库中的一个id。
在这种情况下，可以使用单元格的id或按钮本身。
例如：
abc
abc
abc
abc
$（“输入[type=button]”）。实时（“单击”，函数（）