jquery 中clone的样式,然后改变里面的只让属性值是动态的。

html-css017

jquery 中clone的样式,然后改变里面的只让属性值是动态的。,第1张

首先,我不太确认你的问题,因为说的并不怎么明白。

然后我告诉你,为什么不显示,我没有去试验,因为你有用到AJAX。

clone 是$.fn.clone()浅复制出来的对象,这个对象这个时候是在在内,而没有在文档里面。

因此,你改变的是内存里面的.clone复制出来的对象,而不是文档显示的'.dl1',而你操作的是内存里面的那个元素。

你可以尝试

var clone=$(".dl1").clone()

clone.css("display","block")

加上:“ $('clone.parent').append(clone) “

在'.dl1'的父级下面,把当前复制的这个clone对象插入到文档。

最后,如果你的问题是我上面说的那个,你这样写也是不好的。

cloneNode 是用来复制节点的,想复制css class name,可以用下面两种方法中的任意一种:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="author" content="coolwp.com">

</head>

<body onload="cloneCssClass()">

<div class="red"></div>

<div></div>

<script>

function cloneCssClass(){

document.getElementsByTagName("div")[1].className = document.getElementsByTagName("div")[0].className

console.log( document.getElementsByTagName("div")[1])

}

/*

或者,去掉body 上的 onload="cloneCssClass()" 只用下面的

document.getElementsByTagName("div")[1].className = document.getElementsByTagName("div")[0].className

*/

</script>

</body>

</html>