-1

このマークアップのテキストを取得するにはどうすればよいですか？

<div itemprop="description">
  <p>Testing article....</p>
  <div class="inline-image inline_image_240x240">
    <img alt="" title="" src="http://kite.dev.cnngo.com/sites/default/files/imagecache/inline_image_240x240/2012/06/27/600x600_5.png">
    <div class="in-captioninline_image_240x240"></div>
  </div>
  I want this to put inside the blank <p> element below.
  <p></p>
  <p>Another p.....</p>
</div>

こんな風になりたいです。

<div itemprop="description">
  <p>Testing article....</p>
  <div class="inline-image inline_image_240x240">
    <img alt="" title="" src="http://kite.dev.cnngo.com/sites/default/files/imagecache/inline_image_240x240/2012/06/27/600x600_5.png">
    <div class="in-captioninline_image_240x240"></div>
  </div>
  <p>I want this to put inside the blank <p> element below.</p>
  <p>Another p.....</p>
 </div>
4

1 に答える 1

1

完全な編集:

分かりました。プレーンテキストだけを「P」タグに移動することはできないため、クラス/ID を使用して別の P でラップする必要があります。この場合、私はそれにクラスを与えます。また、ランダムな "

これは html を壊してしまうので、それを "<p>" に変更して、HTML に干渉するのではなくテキストに変換するようにしました。

HTML を次のように変更します。

<div itemprop="description">
  <p>Testing article....</p>
  <div class="inline-image inline_image_240x240">
    <img alt="" title="" src="http://kite.dev.cnngo.com/sites/default/files/imagecache/inline_image_240x240/2012/06/27/600x600_5.png">
    <div class="in-captioninline_image_240x240"></div>
  </div>
  <p class="p">I want this to put inside the blank &lt;p> element below.</p>
  <p></p>
  <p>Another p.....</p>
</div>

.next()を使用して次の P に移動できます。

var el = $('div[itemprop="description"]').find('.p');
el.next().text(el.text()).prev().remove();

JSFIDDLE

于 2012-06-27T06:41:44.490 に答える