Определение ячеек формы
 

Есть такой код:

<tr >
<td><img src="/img/logo.png" title="move" alt="move"> <img alt="icon" src="http://s2.googleusercontent.com/s2/favicons?domain=url"> Название <em>Описание</em></td>
<td><a href="#" onclick="share('Название','Описание','https://url1','https://url2')"></td>
<td><a target="_blank" href="https://url1">ss</a></td>
<td><a target="_blank" href="https://url2">df</a></td>
</tr>

В нем кнопка:

share('Название','Описание','https://url1','https://url2');

Хочется ее оптимизировать, все ее значения берутся с таблицы.
Я знаю есть какие-то мистические для меня this может с помощью их можно сразу брать с формы данные.
Как-то так:

share(this.td[0],this.td.em[0],this.td[2],this.td[2]);

Как правильно с этим работать?

Не советовал бы вам так делать, но вот плохой пример:

<tr>
  <td>
    <img src="/img/logo.png" title="move" alt="move">
    <img alt="icon" src="http://s2.googleusercontent.com/s2/favicons?domain=url" title="title">
    <span>Название</span>
    <em>Описание</em>
  </td>
  <td><a href="#" onclick="share(this.parentNode.parentNode.children[0].children[2].innerHTML, this.parentNode.parentNode.children[0].children[3].innerHTML, this.parentNode.parentNode.children[2].children[0].href, this.parentNode.parentNode.children[3].children[0].href)">button</a></td>
  <td><a target="_blank" href="https://url1">ss</a></td>
  <td><a target="_blank" href="https://url2">df</a></td>
</tr>