在内容的开头和结尾添加div

Question

嗨,我正在努力实现这一目标:

<div class="content">
    <img src= />
    <img src= />
    <div class="slideshow"> <img src= /><img src= /><img src= /></div>
    Some text here
    <a href="#">Link</a>
    <i>Italic text</i>
    etc more text.
</div>

<div class="content">
    <img src= />
    <img src= />
    <div class="slideshow"> <img src= /><img src= /><img src= /></div>
    <div class="description"
        Some text here
        <a href="#">Link</a>
        <i>Italic text</i>
        etc more text.
    </div>
</div>

我尝试过文本节点,但它包含了描述div中的所有行文本.我正在尝试检测第一行文本,直到最后一行文本.如果有帮助,说明后将没有图像,视频或幻灯片.

我必须找不到find节点类型= 3的东西

任何建议都会很棒

Answer 1

尝试:

$('.project_content').each(function () {
  var tmp = [], collecting = false;

  $(this).contents().each(function () {
    if (this.nodeType === Node.TEXT_NODE && $.trim(this.nodeValue).length > 0) {
      collecting = true;
    }

    if (collecting) {
      tmp.push(this);
    }
  });

  $(tmp).wrapAll('<div class="description" />');
});

http://jsfiddle.net/6EsRL/1/这个包装从第一个文本节点到下一个文本节点的所有元素.

http://jsfiddle.net/6EsRL/3/这个包装从第一个文本节点到最后一个子节点的所有元素.