LINUX.ORG.RU

js, jquery, DOM: вытащить текст


0

1

Помогите вытащить слово «Darius» (4 строка). В этой строке может быть несколько span -ов. Парсить выхлоп html «подпорченный» куфоном наверно глупо, есть способ попроще?

<!-- darius -->
<div class="cat-info-gallery-p"> 
  <div class="cat-name-gallery">
    <span class="blue">D</span>arius
  </div>
  <table class="cat-info"> 
  <tr>
    <td class="tright-g b-r b-b">Type:</td>
    <td class="b-b">British Shorthair</td>
  </tr>
  <tr>
    <td class="tright-g b-r b-b">Yeux:</td>
    <td class="b-b">Orange</td>
  </tr>
  <tr>
    <td class="tright-g b-r b-b">Robe:</td>
    <td class="b-b">Lilas</td>
  </tr>
  <tr>
    <td class="tright-g b-r">Statut:</td>
    <td class="option">Rest avec nous</td>
  </tr>
  </table>
  <p class="click-here">clique ici pour voir</p>
</div> <!-- cat-info-gallery -->
$(".cat-info").click(
  function() {
    console.log( $(this).prev().html() ) ;
  });

<span class=«blue»><cufon style=«width: 14px; height: 24px;» alt=«D» class=«cufon cufon-canvas»><canvas style=«width: 19px; height: 25px; top: -1px; left: 0px;» height=«25» width=«19»></canvas><cufontext>D</cufontext></cufon></span><cufon style=«width: 47px; height: 24px;» alt=«arius» class=«cufon cufon-canvas»><canvas style=«width: 57px; height: 25px; top: -1px; left: 0px;» height=«25» width=«57»></canvas><cufontext>arius</cufontext></cufon>

★★

Если только для примера, то можно так:

document.getElementsByClassName('cat-info-gallery-p')[0].getElementsByClassName('cat-name-gallery')[0].textContent;

А вообще нужно помнить, что (1) getElementsByClassName может быть не реализован, (2) нужно иметь способ однозначной идентификации нужной вам строчки.

anonymous
()

document.querySelector(".cat-name-gallery").textContent не работает? Ну или querySelectorAll() если их больше одного.

Не в курсе про JQuery. Вроде там тоже было какое-то свойство. text что ли. Или попробовать textContent же.

anonymous
()

$('div.cat-name-gallery').text(), правда потом нужно стрипануть.

AlexKiriukha ★★★★
()

Блин. Это был момент минутной слабости во время ночного тупняка, я думал, я удалил тему. :)

$(".cat-info").click(
  function() {
    var arr = $(this).prev().find("cufontext").map( 
      function() { return this.innerHTML; }).get();
    var name = arr.join('');
  });
Reaper ★★
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.