Javascript 如何在一次单击中捕获所有值? x Y Z href

Javascript 如何在一次单击中捕获所有值? x Y Z href,javascript,jquery,html,Javascript,Jquery,Html,单击last中的href时,我想捕获值,以便在弹出窗口中显示这些值。如何捕捉这些值? <tr> <td>x</td> <td>y</td> <td>z</td> <td> href </td> </tr> x Y Z href 指定span并为其指定id,并使用document.getElementByID().innerHTML提取值;ja

单击
last
中的
href
时,我想捕获值,以便在
弹出窗口中显示这些值。如何捕捉这些值?


<tr>
    <td>x</td>
    <td>y</td>
    <td>z</td>
    <td> href </td>
</tr>
x Y Z href
指定span并为其指定id,并使用document.getElementByID().innerHTML提取值;javascript中的所有其他行都相同
            <tr>
          <td><span id="v1">x</span></td>
          <td>y</td>
         <td>z</td>
          <td> href </td>
          </tr>
函数n showValues() { var反应; response=document.getElementById(“x”).innerHTML; response+=document.getElementById(“y”).innerHTML; response+=document.getElementById(“z”).innerHTML; 窗口。警报(响应); } x Y Z href
  • 创建一个将运行onclick的函数。onclick是javascript中单击事件的处理程序
  • 获取所需元素的内部HTML
  • 提醒用户
试试这个

<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>

功能测试()
{
var arrcell=document.getElementsByTagName('td');
对于(idx=0;idx
您可以使用兄弟姐妹()来执行此操作

<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>

x
Y
Z

数组
val\u of_all\u td
包含td的所有值。

下载jquery并将其插入脚本中

使用DOM遍历方法(包含)只需单击一下即可捕获值:


通过“捕获”所有值,您的意思是
x
y
z
?请更好地标记您的问题,这与AJAX无关。
$("tr td:last").click(function(){
   alert($(this).siblings().text());
});
    <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;
}
$("td:last").click(function(){
val_of_all_td=[];

$("td").each(function(){
val_of_all_td.push($('this').html());
});
});
$('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
});