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

Question

here is my fiddle . It shows two headlines and two tables with table-cells. What I'm trying to do is to alert the values in the table-cells below one headline when clicking a headline.

Example: If one clicks on Headline1 there should be an alert with the values 5 and 2. If one clicks on Headline2 there should be an alert with the value 6.

My problem is that I don't get the values. Have you got an idea?

Thanks for sharing it.

Answer 1

Try this:

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

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

Answer 2

I would sugest altering the markup. Otherwise I think you'll have a hard time getting the result you want.

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>

then your javascript could look like this:

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

I'm not saying it's the best solution - but it works ;-)