Jamie888 Ответов: 1

Как получить текущие данные строки таблицы по щелчку мыши


Привет, у меня есть таблица с динамическим количеством строк, основанная на данных, возвращаемых из БД. Я жестко закодирую свою таблицу только в 2 строки для этого вопроса здесь. Для каждой строки у меня будет гиперссылка, и при нажатии на нее запись строки таблицы будет обновлена в БД. У меня нет никаких проблем с обновлением БД, но я бы не был уверен в том, как получить данные каждой ячейки таблицы в этой текущей строке. Ниже приведены мои коды, которые я пробовал до сих пор:

<table>
  <tr>
       <td><a href="#" onclick="getColumnValue(this);">Click Me!</a></td>
       <td>1</td> 
       <td>Some Text 1</td>
  </tr>
  <tr>
       <td><a href="#" onclick="getColumnValue(this);">Click Me!</a></td>
       <td>2</td>
       <td>Some Text 2</td>
  </tr>
  <tr>
       <td><a href="#" onclick="getColumnValue(this);">Click Me!</a></td>
       <td>3</td>
       <td>Some Text 3</td>
  </tr>
</table>


<script>
function getColumnValue(e){
      //i know here is the object type but would not sure on how to change it
      var colValue= this.dataItem($(e.currentTarget).closest("tr"));
      //for verification purposes
      alert(colValue);
}
</script>



Я не могу сдвинуть его с места.
onclick="getColumnValue(this);"
в элемент tr из-за некоторых конструктивных ограничений.

Что я уже пробовал:

1. Ищите в интернете объяснения или предложения, но безрезультатно.

Jamie888

Я нашел решение по ссылке ниже:
http://jsfiddle.net/UW38e/

1 Ответов

Рейтинг:
2

Maciej Los

Примечание: самораскрытие. Этот ответ был опубликован, чтобы удалить вопрос из списка без ответа.

$(".use-address").click(function() {
    var $row = $(this).closest("tr");    // Find the row
    var $text = $row.find(".nr").text(); // Find the text
    
    // Let's test it out
    alert($text);
});


JSFiddle: здесь[^]