Question

JQUERY 关于DIV的一个问题

我有一段代码（见下方）
<div id="pm0" style="border:1px dashed;margin:2px;width:400px;">
<div class="name" style="color:red">姓名</div>
<img class="pic" src="../img/01.gif">
<div class="content" style="display:inline;">内容</div>
</div>

<div id="pm1" style="border:1px solid;margin:2px;width:400px;">
<div class="name" style="color:blue">姓名</div>
<div class="content" style="display:inline">内容</div>
<img class="pic" src="../img/01.gif">
</div>
我现在想用JQUERY输出如下所示的东西，我本来采用了$("#pm0").html()，但是该方式只能获取pm0里边的内容，不能够获得当前那一行(<div id="pm0" style="border:1px dashed;margin:2px;width:400px;">)的信息，在不更改HTML的前提下，怎么弄？
<div id="pm0" style="border:1px dashed;margin:2px;width:400px;">
<div class="name" style="color:red">姓名</div>
<img class="pic" src="../img/01.gif">
<div class="content" style="display:inline;">内容</div>
</div>

Answer 1

你用原生的js的看一下
var t=document.getElementById("pm0");
alert(t.nodeName+“ ”+t.className+" "+t.id)
后面怎么做你应该知道了
但是我想说如果你知道了pm0的结构，wucong60 做法其实划算一些。
如果是未知的用上面的也不一顶能获取所有的属性，譬如t.style中额属性，可能就会获取不全，当然如果你们事先有约束他们的格式的话，我的想法还是可行的。建议把样式写在tag外面

Answer 2

自己扩展一下jquery，添加一个outerhtml方法
代码如下：
$.fn.outerHTML = function() {
$this = $(this);
var h = $this.html();
var s = $this.wrap("<div></div>").parent().html();
$this.empty().html(h);
return s;
};
然后就可以直接使用outerHTML()方法了。可以按你的要求取到html代码

Answer 3

#("#pm0").wrapInner("<div id='pm0',style='border:dashed 1px;margin:2px;width:400px;'<div>").html();
解释：
$("Element").wrapInner("html")
将每一个匹配的元素的子内容(包括文本也属于子元素)用一个HTML结构包裹起来$("p").wrapInner("<div></div>")

答案不多，在于精.....

Answer 4

$("div:first").html()这样匹配就可以了

Answer 5

符合规划法规