jquery 如何获取整个.select的html代码？

Question

本帖最后由 mingfish 于 2009-09-28 22:58:44 编辑

Answer 1

IE:<script type="text/javascript" src="http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.min.js"></script>
<script>
    function getcode(){
        $("#codebox").val($(".select")[0].outerHTML)
    }
</script>
<div>
    <div>good</div>
    <div class="select">
        <ul>
            <li>ggg</li>
        </ul>
        <span>jjj</span>
    </div>
    <div>hello</div>
</div>
<textarea id="codebox"></textarea>
<button onclick="getcode()">get it</button>

Answer 2

<script type="text/javascript" src="http://ajax.Microsoft.com/ajax/jQuery/jquery-1.3.2.min.js"></script>
<script>
jQuery.fn.extend( {
  outerHTML: function( replacement )
  {
    if (replacement)
    {
      return this.each(function (){ $(this).replaceWith(replacement); });
    }
    var tmp_node = $("<div></div>").append( $(this).clone() );
    var up = tmp_node.html();
    tmp_node.remove();
    return up;
  }
});
    function getcode(){
        $("#codebox").val($(".select").outerHTML());
    }
</script>
<div>
    <div>good</div>
    <div class="select">
        <ul>
            <li>ggg</li>
        </ul>
        <span>jjj</span>
    </div>
    <div>hello</div>
</div>
<textarea id="codebox"></textarea>
<button onclick="getcode()">get it</button>

Answer 3

<script type="text/javascript" src="http://localhost/leb/auto/js/jquery-latest.js"></script>
<script>
function getcode(){
$("#codebox").val($(".select")[0].outerHTML);  //这里只能获取.select的内部html，我要获取整个<div class="select"></div>
   // 应该怎么办？如果jquery办不到，原生的js能否做到？
}
</script>
<div>
<div>good</div>
<div class="select">
<ul>
<li>ggg</li>
</ul>
<span>jjj</span>
</div>
<div>hello</div>
</div>
<textarea id="codebox"></textarea>
<button onclick="getcode()">get it</button>
为什么一点反应都没有，郁闷

Answer 4

hokee哥的第二种方法可用，果然是及时雨，每次都是你帮上大忙。谢谢！！

Answer 5

用firebug查了一下dom,发现没有outerHTML这个属性