Используя Jquery, как бы я сделал все

Question

Я буду использовать таблицы данных плагина jquery. Я видел fnRowCallback в документах, но это казалось сложным.

Как будет выглядеть код, если я внесу 2 типа изменений в строки и данные таблицы, которая выглядит следующим образом:

<table class='activitylocation'>
  <tbody>
    <tr>
      <td>John Smith</td>
      <td>123 Fake St</td>
      <td>lat_1</td>
      <td>lon_1</td>
    </tr>
    <tr>
      <td>XX MAN</td>
      <td>12333 Fake St</td>
      <td>lat_2</td>
      <td>lon_2</td>
    </tr>
  </tbody>
</table>

Изменение 1 относится к вставке информации в каждую строку на основе ее данных:

<tr onlick="my_function1('John Smith');" onMouseOver="my_function2('lat_1','lon_1')" >

Изменение 2 - сделать 2 элемента данных каждой строки скрытыми, вставив этот тип информации:

  <td class='hide'>lat_1</td>
  <td class='hide'>lon_1</td>

Я буду получать данные с PHP-сервера. Хитрость заключается в том, чтобы сделать ссылки из таблицы данных на веб-карту. Я новичок в JQuery и Datatables. Любая помощь с благодарностью!

Answer 1

Если я правильно понял ваш вопрос, вот что вы должны сделать:

Пожалуйста, не используйте OneClick вещи, вместо этого объявите все обработчики в разделе заголовка:

$('tr').click(function() {
    var name = $(this).children().eq(0);
    var lat_1 = $(this).children().eq(2);
    var lon_1 = $(this).children().eq(3);
});

Если вы используете функцию hide (), возможно, вы испортите структуру таблицы, поэтому, возможно, лучшим способом будет установить видимость скрытого

$('td:eq(2), td:es(3)').css('visibility', 'hidden');

Надеюсь, это поможет