Как выбрать только содержимое тегов html без отображения самих тегов?

Question

[doitden]

Есть таблица, хочу сделать, чтобы по клику на ряд таблицы выводилась инфа td со всего ряда tr.
Вот код, который это делает, но ответ приходит с тегами.

$('table tr').click(function(){
          var str=$(this).find('td').html();
          alert(str);  // ответ <td>ТЕКСТ</td><td>ТЕКСТ</td><td style="text-align: left;">ТЕКСТ</td>
      });

Как можно убрать теги? Может, есть какие-то встроенные функции jquery?

Comments

[doitden]

А как вcтавить сразу после каждой вытянутой инфы спец символ или пробел? т.к результат ответа выдаёт всё слитно

Answer 1

[Vadim Bogomazov]

.text() вместо .html()

Answer 2

[Юрий Лобанов]

$('table tr').click(function(){
          var str=$(this).text();
          alert(str);
});

codepen.io/iiil/pen/kxaqv
Можно еще вот так, но обратите внимание - текст добавляется вместе с переносами строки. Если нужно без переносов, то

$('table tr').click(function(){
          var str=$(this).find('td').text();
          alert(str);
});

codepen.io/iiil/pen/kupDJ

Comments

[doitden]

А как вcтавить сразу после каждой вытянутой инфы спец символ или пробел? т.к результат ответа выдаёт всё слитно

[Юрий Лобанов]

@doitden первый вариант выводит с переносом строки, как Вы можете заметить из моего примера. То есть если Вы конечно теги td делаете каждый с новой строки в коде.
Что касается пробелов - честно говоря, не знаю, попробую поискать. То есть вариант пробегать все td циклом, но это не самый лучший вариант, как мне кажется )
Но как вариант, работает )
codepen.io/iiil/pen/BpFht

[doitden]

спасибо, то что надо.