Javascript HTML/JS——点击行
我有一个表格,每行都有一个超链接。单击链接时,将调用用于聚合数据的URL。我需要将单击的行/记录传递到此URL,但不确定如何获取单击的行 下面是一些示例代码Javascript HTML/JS——点击行,javascript,Javascript,我有一个表格,每行都有一个超链接。单击链接时,将调用用于聚合数据的URL。我需要将单击的行/记录传递到此URL,但不确定如何获取单击的行 下面是一些示例代码 <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr>
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td><a href="#" onclick="aggregate()">Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td><a href="#" onclick="aggregate()">Eve</a></td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
<script>
function aggregate(){
//get clicked row, pass as parameter
};
</script>
名字
姓氏
年龄
杰克逊
94
函数聚合(){
//获取单击的行,作为参数传递
};
我是否需要将每一行包装成一个表单,然后进行表单提交
谢谢将
此
传递给函数,使用t.parentNode.parentNode
获取行并对其执行一些操作
<td><a href="#" onclick="aggregate(this)">Jill</td>
杰克逊
94
函数聚合(t){
//获取单击的行,作为参数传递
t、 parentNode.parentNode.remove();
};
使用t.parentNode.parentNode
将此
传递给函数以获取行,并对其执行一些操作
<td><a href="#" onclick="aggregate(this)">Jill</td>
杰克逊
94
函数聚合(t){
//获取单击的行,作为参数传递
t、 parentNode.parentNode.remove();
};
在函数中传递事件并检查事件的目标
功能检查(事件){
event.preventDefault();
警报(“你好,世界!”)
}
点击我!
在函数中传递事件并检查事件的目标
功能检查(事件){
event.preventDefault();
警报(“你好,世界!”)
}
点击我!
我想这应该可以。获取单击的元素,并遍历每个父级,直到标记名匹配并返回匹配的行变量
function aggregate(ev){
var el = ev.currentTarget,
row = (function() {
while ((el = el.parentElement) && !el.tagName === 'tr');
return el;
})();
// Do stuff with "row" ....
}
我想这应该可以。获取单击的元素,并遍历每个父级,直到标记名匹配并返回匹配的行变量
function aggregate(ev){
var el = ev.currentTarget,
row = (function() {
while ((el = el.parentElement) && !el.tagName === 'tr');
return el;
})();
// Do stuff with "row" ....
}
您可以将id放入所有表数据,并使用javascript程序访问
<td id='record-1'><a htef="...?row=record-1">link</a><td>
<script>
function tty() {
document.getElementById('record-1').
// do what ever you want to do this your row
}
链接
函数tty(){
document.getElementById('record-1')。
//你想做什么就做什么
}
您可以将id放入所有表数据,并使用javascript程序访问
<td id='record-1'><a htef="...?row=record-1">link</a><td>
<script>
function tty() {
document.getElementById('record-1').
// do what ever you want to do this your row
}
链接
函数tty(){
document.getElementById('record-1')。
//你想做什么就做什么
}