Получение информации в div по клику

Question

Получение информации в div по клику

0

У меня возникли проблемы с поиском ответа на эту проблему. Я обыскал в течение 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);
});

Posz 02 май 2014, в 19:04

Источник

Теги:

jquery

2 ответа

1

Обратите внимание, что в настоящее время ваша разметка HTML недействительна, вам нужно закрыть значение атрибута alt а также закрыть тег img.

После этого вы можете использовать:

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

Демо-версия скрипта

или даже короче, но менее строгий:

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

Демо-версия скрипта

Felix 02 май 2014, в 14:20

Ещё вопросы

j08691 · Accepted Answer · 2014-05-02T14-35-00.000Z

Пытаться:

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

Пример jsFiddle

Кстати, вы не закрыли свои теги изображений должным образом.

Потрясающие! Я не знал, что существует такая вещь, как ".closest", но у меня есть одна проблема, я не осознавал ... в <td class = "subClass1"> </ td> есть <span> и изображение на самом деле в том промежутке .... я должен изменить код?
Не обязательно. Если код не работает, вы можете попробовать .find('.subClass1 span img') , но в этом нет необходимости.