jquery clone div并在特定div之后追加它
嗨,大家好,从上面的图片中,我想克隆id为#car2的div并将其追加到id为start start的最后一个div之后,在本例中为id#car5.我怎么能这样做？谢谢.
这是我的尝试代码:
$("div[id^='car']:last").after('put the clone div here');
小智 132
你可以使用clone,然后因为每个div都有一个car_well类,你可以使用insertAfter在最后一个div之后插入.
$("#car2").clone().insertAfter("div.car_well:last");
mcg*_*ilm 12
试试这个
$("div[id^='car']:last").after($('#car2').clone());
你可以使用clone()jQuery 的功能来做到这一点，接受的答案是可以的，但我提供了它的替代方案，你可以使用append()，但只有当你可以稍微改变 html 时它才有效，如下所示：
$(document).ready(function(){
$('#clone_btn').click(function(){
$("#car_parent").append($("#car2").clone());
});
});.car-well{
border:1px solid #ccc;
text-align: center;
margin: 5px;
padding:3px;
font-weight:bold;
}<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
<div id="car_parent">
<div id="car1" class="car-well">Normal div</div>
<div id="car2" class="car-well" style="background-color:lightpink;color:blue">Clone div</div>
<div id="car3" class="car-well">Normal div</div>
<div id="car4" class="car-well">Normal div</div>
<div id="car5" class="car-well">Normal div</div>
</div>
<button type="button" id="clone_btn" class="btn btn-primary">Clone</button>
</body>
</html>| 归档时间： |
|
| 查看次数： |
114543 次 |
| 最近记录： |