jQuery怎么获取append动态插入的html以及class名?

MIRAGE
  • 2
新手上路,请多包涵

有的html代码是append到页面的,我想要获取到添加进入的一个class名以及html结构,多谢大神帮助。

回复
阅读 8.8k
1 个回答
吉光片羽
  • 80

两种方式

$('div').append('<p class="hello">...</p>');
$('.hello').hide();

先追加一个类名为hello的元素,然后通过选择器选择hello进行事件绑定或隐藏等操作。

var $p= $('<p class="hello">...</p>').hide();
$('div').append($p);

跟①相反,先缓存一个类名为hello的元素并绑定一些事件或隐藏等操作,之后再追加到div中,印象中,这个效率应该更高?

手机码字,不祥见谅!


好吧,打开电脑发现答不对题?我再试试……按题主的意思,答案应该是给错了前提,不过应该也算是提供了一下思路,现在来纠正一下:

在不清楚追加元素的情况下,如果追加的是单独元素,可以通过下方代码来实现:

var
$append=$("div").children().last(),
appendClass=$append.attr("class"),
appendHtml=$append.prop("outerHTML");

如果追加的是多个元素,好吧,我想到个笨办法;

var
existLen=$("div").children().length(),
$append=$("div").children().gt(existLen-1);

剩下的跟上面差不多,这时候的$append是多个对象,用历遍来获取class和html吧。

宣传栏