我正在使用表来显示项目,单元格[0]上的onclick事件应该输出(警告)来自单元格[1]和单元格[2]的数据。

我不确定我可以使用哪种方法访问它们。

这是我到目前为止的代码http://jsfiddle.net/5uua7eyx/3/

也许有一种方法可以使用我的变量输入

HTML

<table id="items">
    <tr>
        <td onclick="ClickPic(this)">Picture0</td>
        <td>Name0</td>
        <td>Price0</td>
    </tr>

        <tr>
        <td onclick="ClickPic(this)">Picture1</td>
        <td>Name1</td>
        <td>Price1</td>
    </tr>         
</table>

JS

function ClickPic(e) {
    "use strict";
    var input = e.target;
    alert("Clicked!");
}

谢谢

===============>>#1 票数:5 已采纳

你传递了this ,它表示单击的元素,而不是事件对象。

所有你需要做的是用参数来获取同级.cells.parentNode ,然后使用elem.cellIndex找出下一个指标:

 function ClickPic(elem) { "use strict"; var cells = elem.parentNode.cells; var currIdx = elem.cellIndex; alert(cells[currIdx + 1].textContent + " " + cells[currIdx + 2].textContent); } 
 <table id="items"> <tr> <td onclick="ClickPic(this)">Picture0</td> <td>Name0</td> <td>Price0</td> </tr> <tr> <td onclick="ClickPic(this)">Picture1</td> <td>Name1</td> <td>Price1</td> </tr> </table> x 

如果你知道索引号总是12 ,那么你可以缩短它。

    alert(cells[1].textContent + " " + cells[2].textContent);

===============>>#2 票数:0

你可以将你的js函数更改为这样的东西

<script type="text/javascript">
                function ClickPic(e) {
                var s = '';
                $(e).siblings().each(function() {
                s = s + ',' + $(this).text()

});

                alert(s);

}

  ask by diadamalol translate from so

未解决问题?本站智能推荐:

5回复

访问下一个同级

我有一个如下的HTML代码段: 首先,我想选择标题为“ title”的每个TR标签,然后首先选择该特定TR标签的同级标签(即,下一个ID为“ map_xxxx”的TR)。 我有这样的JavaScript: 但是它没有给出实际的TR同级。alert()提供[object Te
3回复

如何使td单元格内的div与下一个td重叠

我希望能够将div(元素E)定位在TD单元(元素C)内,而不将其他TD单元(元素D)推向右侧。 注意: 除了元素E之外,我无法在该页面上编辑任何内容。
3回复

JQuery insertAfter(); 移动下一个表格单元格

我有一个表设置,当我将鼠标悬停在表格单元格上时,我想要一个显示在单元格旁边的信息框,我使用Jquery insertAfter(); 对于这个,但问题是移动下一个单元格他不应该做,因为我的信息框是绝对位置。 小提琴: 链接 HTML CSS 使用Javascrip
2回复

点击更改下一个TD表

我想制作一张表格,当我们单击一个框时,它将取消下一列的时钟。 我用两个tds进行了这项工作,并且可以工作,但是当我复制它时却无法工作。 我的想法是,如果我有一个具有类的TD(可以被绑定),则Java脚本将允许我们单击此处并更改下一个tds或下一个列类,使其像以前一样被单击,并将该类更
5回复

jQuery:垂直获取下一个表格单元格

如何在传统的网格布局html table使用jQuery直接访问给定单元格下方的单元格( td )(即,所有单元格恰好跨越一行和一列)? 我知道以下内容将nextCell设置为单击单元格右侧的单元格,因为它们是直接兄弟,但我正在尝试检索单击单元格下方的单元格: 我最好不要使用类或I
2回复

如何查找表中的下一个直接下载单元格

我有一个带有colspan rowspan的表。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <table bord
2回复

使用jQuery获取表中的下一个单元格(右侧)

编辑抱歉,我一直在寻找右边的单元格>。< 您好,只想问一下如何使用jquery获取表中的下一个单元格(右侧)。 我尝试使用alert(result)命令捕获结果,但这给了我未定义的值。 当使用alert(div)获取div的属性时,它给了我想要的结果。 HTML
3回复

如何使用JavaScript删除表格中的下一个单元格?

我有下面的代码: function colspan(){ var x = document.getElementById("Cell2"); x.setAttribute("colspan", 2); x.next().remove(); } <table b
2回复

获取下一个表格单元格文本作为确认框

我想获取删除用户时在确认对话框窗口中使用的下一个表格单元格文本。 即“您确定要删除用户名吗?” 到目前为止,我有这个(为示例简化): HTML 使用Javascript jsFiddle http://jsfiddle.net/EARRt/
1回复

点击后访问下一个网页

要求:单击下面以$ ie.Navigate命名的网页后。 我需要访问接下来打开的HTML / OuterHTML网页源。 例如:当我打开https://www.healthkartplus.com/search/all?name=Sporanox (通过设置$ control = Spo