0

Есть следующее:

<div class="gTable">
 <td class="forumNameTd"><a class="forum" href="">a</a></td>
 <td class="forumNameTd"><a class="forum" href="">b</a></td>
 <td class="forumNameTd"><a class="forum" href="">c</a></td>
</div>

<script type="text/javascript">
$('.gTable').each(function() {
  var forum_uname = $(this).find('.forum').text()+'<hr>';
  alert(forum_uname)
 });
</script>

По идее, в alert-e должно быть так: "a<hr>b<hr>c<hr>", а выдаёт так: "abc<hr>". В чём проблема?

1
  • А, прошу прощенья, не правильно вопрос прочитал. 28 июн 2012 в 8:59

3 ответа 3

3

вот здесь

$('.gTable').each(function() {
   $(this).find('.forum').each(
      function(){
          var t = $(this).text();
          t = t+'<hr>';
          $(this).text(t);}
      );

 });
3
  • другого способа нет? а то элементов .forum, .theme много и так каждый раз each прописывать..
    – ModaL
    28 июн 2012 в 8:40
  • 2
    @Руслан Дуров, так для чего функции-то придумали? К примеру: function appendText(el) { return function() { return $(this).text() + el; }; } И далее используйте через map: var forum_uname = $(this).find('.forum') .map(appendText('<hr>')).toArray().join(''); 28 июн 2012 в 9:26
  • Мм. Благодарю. Очень выручил!
    – ModaL
    28 июн 2012 в 9:31
1

Из доков:

Description: Get the combined text contents of each element in the set of matched elements, including their descendants.

То есть в вашем случае text() возвращает скомбинированный текст из массива, полученного после $(this).find('.forum'). А $(this).find('.forum') возвращает массив ссылок <a class="forum" />.

Соответственно, в text() возвратит 'a'+'b'+'c' = 'abc'.

Чтобы решить вашу задачу, лучше использовать функцию map и проходить не по .gTable, а по .forum:

$('.forum').map(function() {
    return $(this).text()+'<hr>';
}).get().join('');

Пример.

2
  • Отлично. Но почему теперь не работает так? var text = $(this).find('.forum').map(function() { return $(this).text()+'<hr>'; }).get().join(''); var forum_tmpls = '<div class="gTableTop"><a href="">'+text+'</a></div>';
    – ModaL
    28 июн 2012 в 9:21
  • Извините, кто мне сможет помочь по jQuery?
    – VladimirVi
    1 июл 2012 в 10:09
1
var forum_uname = '';
$('.gTable .forum').each(function(key, val) {
    forum_uname += $(val).text()+'<hr>';
});
alert(forum_uname);

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.