Поиск по table и вставка новой tr после найденной

Question

Сам пхпшник.С фронтом почти не работал. Задача: пишу расширение для Хрома. Со всем справился, кроме одного. В Storage у меня хранится JSON мне нужно найти совпадение ключа с path от урла, который внутри таблицы в href. И после того как я нашел, я должен нарисовать еще один ...... после найденного tr.

<table>
<tr><td><a href="url/path">blabla"></a></td><td> ... </td>  ... много </tr>
<tr><td><a href="url/path">blabla"></a></td><td> ... </td>  ... много </tr>
</table>

Получить ссылки получилось. Но не пойму как получить родителя tr чтобы после него сделать вставку. Без jQuery, ибо с ним я умею.

var links = document.getElementsByTagName('a');

for(var i = 0; i< links.length; i++){
  //alert(links[i].href);
  
  let parent = links[i].closest('td');
  
  //как узнать тут родительскую tr ? 
   console.log(parent);
}

Answer 1

Можно так:

var links = document.getElementsByTagName('a');

for(const link of links){
  let parent = link.closest('tr');
  const newTr = document.createElement('tr');
  parent.after(newTr);
  const newTd = document.createElement('td');
  newTr.appendChild(newTd);
  newTd.textContent = 'New content.';
}

<table>
  <tr><td><a href="url/path">blabla</a></td></tr>
  <tr><td><a href="url/path">blabla</a></td></tr>
</table>

БЛОГ НА HUSL

Поиск по table и вставка новой tr после найденной

Ответы (1 шт):