表格单元格中链接的警报值

时间:2011-03-02 11:57:51

标签: javascript jquery

这里是my fiddle。 它显示了两个标题和两个带表格单元格的表格。 我要做的是在点击标题时提醒一个标题下的表格单元格中的值。

实施例: 如果单击Headline1,则应该有值为5和2的警报。 如果单击Headline2,则应该有一个值为6的警报。

我的问题是我没有得到这些价值观。 你有什么想法吗?

感谢分享。

2 个答案:

答案 0 :(得分:2)

试试这个:

$(".bold").click(function() {
    var arr = [];
    $(this).next().find('a').each(function(){
        arr.push($(this).html());
    });
    alert(arr.join(', '));
});

http://jsfiddle.net/YAL7L/13/

答案 1 :(得分:1)

我会改变标记。否则我认为你很难得到你想要的结果。

HTML:

    <div class="bold">Headline1
    <table>
    <tr>
        <td><a href="">5</a></td>
        <td><a href="">2</a></td>
    </tr>
    </table>
</div>
<div class="bold">Headline2
    <table>
    <tr>
        <td>
            <a href="">6</a>
        </td>
    </tr>
    </table>
</div>

然后你的javascript看起来像这样:

$(".bold").click(function() {$(this).find("a").each(function(){alert($(this).html());}); });

我不是说这是最好的解决方案 - 但它有效; - )