从div的子元素中选择所有内容

Question

如果我有div这样的元素：

<div id="someContents">
    <p>Foo has the following properties</p>
    <ul>
        <li>Bar</li>
    </ul>
    <p>And some other stuff</p>
</div>

并声明：

var $someContents = $('#someContents');

然后我想声明一个现在的var，它将是一个String，并且会在屏幕上看到包含换行符等的内容。

http://jsfiddle.net/7a5b9/

我尝试了各种JQuery方法......任何建议都值得赞赏。

Answer 1

试试这个：

var now = $(someContents).find('*').text();

Answer 2

var $someContents = $('#someContents').html();
alert($someContents);

这会获得所有HTML内容和收益：

http://jsfiddle.net/dFB3J/

---

var $someContents = $('#someContents').text();
alert($someContents);

这将获得所有内部文本内容和产量：

http://jsfiddle.net/z2f26/

---

(function($){
   $.fn.innerText = function(msg) {
         if (msg) {
            if (document.body.innerText) {
               for (var i in this) {
                  this[i].innerText = msg;
               }
            } else {
               for (var i in this) {
                  this[i].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, "");
               }
            }
            return this;
         } else {
            if (document.body.innerText) {
               return this[0].innerText;
            } else {
               return this[0].innerHTML.replace(/<br>/gi,"n").replace(/(<([^>]+)>)/gi, "");
            }
         }
   };
})(jQuery);

var $someContents = $('#someContents').innerText();
alert($someContents);

这会获取所有内部文字内容（保留换行符）和收益率：

http://jsfiddle.net/4gpLE/

_{来源：http://www.sitepoint.com/jquery-text-function/}

Answer 3

这个问题已经回答here

一种简单的方法是创建html的临时克隆，将其放在另一个标记中并获取text或html内容。

$('<div>').append($('#xxx').clone()).html();