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
});