Получение innerHTML элемента, щелкнув другой элемент, следующий за ним

0

Поэтому у меня есть таблица с несколькими строками, каждая из которых имеет 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 в переменной, которую я могу использовать в другой функции.

Надеюсь, это имело смысл.

благодаря

Теги:

2 ответа

1
Лучший ответ

Fiddle Demo

$('.clickMeLink').click(function () {
    var txt = $(this).parent().prev().html();
//                      ^ parent of current element and than gets it previous td
    alert(txt);
});

это ключевое слово

.prev()

.parent()

  • 0
    Отлично, это правильно! Но могу ли я использовать эту переменную в другой функции?
  • 0
    @ user3088863 да можешь что хочешь ??
Показать ещё 4 комментария
0
$('.clickMeLink').on('click', function(){
    $yourtd = $(this).parents('tr').find('.td2');
    console.log($yourtd);
})

Ещё вопросы

Сообщество Overcoder
Наверх
Меню