Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML/JS——点击行_Javascript - Fatal编程技术网

Javascript HTML/JS——点击行

Javascript HTML/JS——点击行,javascript,Javascript,我有一个表格,每行都有一个超链接。单击链接时,将调用用于聚合数据的URL。我需要将单击的行/记录传递到此URL,但不确定如何获取单击的行 下面是一些示例代码 <table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr>

我有一个表格,每行都有一个超链接。单击链接时,将调用用于聚合数据的URL。我需要将单击的行/记录传递到此URL,但不确定如何获取单击的行

下面是一些示例代码

<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')。
//你想做什么就做什么
}