Question

<tr>
    <td>x</td>
    <td>y</td>
    <td>z</td>
    <td> href </td>
</tr>

点击href中的last <td>后，我想抓住值，以便在pop up中显示这些值。我怎样才能抓住这些价值观？

Answer 1

            <tr>
          <td><span id="v1">x</span></td>
          <td>y</td>
         <td>z</td>
          <td> href </td>
          </tr>

指定span并为其赋予id并使用document.getElementByID（）。innerHTML提取值;对于javascript中的所有其他行也是如此

Answer 2

<script>
functionn showValues()
{
    var response;
    response = document.getElementById("x").innerHTML;
    response += document.getElementById("y").innerHTML;
    response += document.getElementById("z").innerHTML;

    window.alert(response);
}
</script>
<tr>
    <td id="x">x</td>
    <td id="y">y</td>
    <td id="z">z</td>
    <td onclick="showValues()"> href </td>
</tr>

创建一个将运行onclick的函数。 onclick是javascript中点击事件的处理程序。
抓住你想要的元素的innerHTML。
提醒用户。

Answer 3

试试这个

<script>
function test()
{
var arrCells = document.getElementsByTagName('td');
for (idx=0;idx<arrCells.length-1;idx++) {
  strValue = arrCells[idx].innerHTML;
  alert(strValue);
}
}
</script>
<table>
<tr>
    <td>x</td>
    <td>y</td>
    <td>z</td>
    <td><a href="#" onclick="return test()">href </a></td>
</tr>
</table>

Answer 4

你可以使用兄弟姐妹（）来做。

$("tr td:last").click(function(){
   alert($(this).siblings().text());
});

Answer 5

    <tr>
        <td>x</td>
        <td>y</td>
        <td>z</td>
        <td> <a href="#" onclick="catchAll(this)" >clickhere </a><</td>
    </tr>

function catchAll(obj)
{
  var tdNodes=  obj.parentNode.parentNode.childNodes;
}

您可以使用for循环来跟踪tdNodes。

Answer 6

$("td:last").click(function(){
val_of_all_td=[];

$("td").each(function(){
val_of_all_td.push($('this').html());
});
});

数组val_of_all_td包含td的所有值。

Answer 7

下载jquery并将其插入您的脚本中 jquery

使用DOM Traversal方法（包含）只需单击一下即可捕获您的值：

$('td:contains(href)').click( function(){
   str= " ";

   $('td').each( function(){
      str+= $(this).text();
   });
   alert(str); // u can change it with your script to display it on pop up
});

如何通过一次点击捕获所有价值？

7 个答案: