Question

我无法找到这个问题的答案。我现在已经搜索了2个小时，并且只能走到尽头。

<table>
    <tr class="masterclass">
        <td class="subClass1"><img src="#" alt="Text Here 1" /></td>
        <td class="subClass2"><p>Random Information Here</p></td>
        <td class="subClass3"><a href="linkhere" class="buttonStyle">Submit</a></td>
    </tr>
    <tr class="masterclass">
        <td class="subClass1"><img src="#" alt="Text Here 2" /></td>
        <td class="subClass2"><p>Random Information Here</p></td>
        <td class="subClass3"><a href="linkhere" class="buttonStyle">Submit</a></td>
    </tr>
    <tr class="masterclass">
        <td class="subClass1"><img src="#" alt="Text Here 3" /></td>
        <td class="subClass2"><p>Random Information Here</p></td>
        <td class="subClass3"><a href="linkhere" class="buttonStyle">Submit</a></td>
    </tr>
    <tr class="masterclass">
        <td class="subClass1"><img src="#" alt="Text Here 4" /></td>
        <td class="subClass2"><p>Random Information Here</p></td>
        <td class="subClass3"><a href="linkhere" class="buttonStyle">Submit</a></td>
    </tr>
</table>

我想要做的就是点击链接时，我想提醒只有该表格行的图像的alt标记文本。

这是我目前的代码：

$('a.buttonStyle').click(function() {
    var thing = $('subClass1').siblings().attr('alt');
    alert(thing);
});

Answer 1

请注意，目前您的HTML标记无效，您需要关闭alt属性值以及关闭img代码。

更正后，您可以使用：

$('a.buttonStyle').click(function() {
    var thing = $(this).closest('td').siblings('td.subClass1').find('img').attr('alt');
    alert(thing);
});

<强> Fiddle Demo

甚至更短但不那么严格：

$('a.buttonStyle').click(function() {
    var thing = $(this).parent().siblings('.subClass1').children().attr('alt');
    alert(thing);
});

<强> Fiddle Demo

Answer 2

尝试：

$('a.buttonStyle').click(function() {
    var thing = $(this).closest('.masterclass').find('.subClass1 img').attr('alt');
    alert(thing);
});

<强> jsFiddle example

顺便说一句，您没有正确关闭图片代码。

点击中抓取div中的信息

2 个答案: