1
    #HTML
  <tr class="odd">
    <td>...</td>
    <td>...</td>
    <td>...</td>
    </tr>
    <tr class="even">
    <td>...</td>
    <td>...</td>
    <td>...</td>
    </tr>

Необходимо при клике по ячейке в таблице подняться вверх по DOM модели и найти первый встреченный элемент и получить из него всю информацию, т.е. содержимое дочерних полей . Попытался сделать следующим образом, но возвращает Object object, либо undefined, если указываю индекс

(this).onclick = function(){
var a = $(this).parent().find("tr").val()
alert(a)}

Как можно реализовать идею?

4
  • 1
    найти первый встреченный элемент и получить из него всю информацию - всмысле взять содержимое текущей строки? или соседнего td? И кто такой (this).onclick ? 17 авг 2017 в 7:39
  • Нужно получить содержимое всех <td>, т.е. содержимое текущей строки. (this).onclick - событие клика, с точки зрения синтаксиса проблем нет
    – Zireael
    17 авг 2017 в 7:52
  • Проблема с точки зрения здравого смысла. (this).onclick задает единсвенный обработчик клика для этого элемента. Если на эти элементы были повешены другие обработчики - они вызываться не будут. 17 авг 2017 в 7:53
  • В данном контексте лучше $(this).click(...) или $(this).on('click', ...) 17 авг 2017 в 7:54

2 ответа 2

1

Например, можно так:

$('td').on('click', function(e){
  var parent = $(e.currentTarget).parent();
  if(parent){
    //ищите, что вам нужно
    var results = parent.find('td');
    console.log('значение 1-й ячейки: ' + $(results[0]).html());
    console.log('значение последней ячейки: ' + $(results[results.length - 1]).html());
  }
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table>
  <tr class="odd">
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr class="even">
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
</table>

1

Найти ближайшего предка по селектору

var row = $(this).closest("tr");

Потом уже выбирать селекторами из $(__селектор__, row)...

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.