Поэтому у меня есть таблица с несколькими строками, каждая из которых имеет 3 td, каждая из которых имеет класс; "td1", "td2" и "td3", td3
имеет внутри него <span>
который действует как ссылка:
<table>
<tr>
<td class="td1">This is td number 1 in row 1</td>
<td class="td2">This is td number 2 in row 1</td>
<td class="td3">This is td number 3 in row 1<span class="clickMeLink">Click me</span></td>
</tr>
<tr>
<td class="td1">This is td number 1 in row 2</td>
<td class="td2">This is td number 2 in row 2</td>
<td class="td3">This is td number 3 in row 2<span class="clickMeLink">Click me</span></td>
</tr>
</table>
$('.clickMeLink').on('click', function () {
});
Есть ли способ для меня получить innerHTML td2
который до щелчка <span>
. Поэтому, если я td2
на <span>
в строке 1, я бы получил innerHTML td2
в строке 1. Я хотел бы сохранить полученный innerHTML в переменной, которую я могу использовать в другой функции.
Надеюсь, это имело смысл.
благодаря
$('.clickMeLink').click(function () {
var txt = $(this).parent().prev().html();
// ^ parent of current element and than gets it previous td
alert(txt);
});
$('.clickMeLink').on('click', function(){
$yourtd = $(this).parents('tr').find('.td2');
console.log($yourtd);
})