gpt4 book ai didi

jquery排序dom元素

转载 作者:行者123 更新时间:2023-12-01 01:08:57 24 4
gpt4 key购买 nike

当我单击 DIV 时,我有 div 元素,我添加了该 DIV 的“selected”类。具有“选定”类的 DIV 转到 .each()。我可以按最后添加的顺序对这些元素进行排序吗?

例如,如果我选择 341,我想要得到 341这是我的代码

<!DOCTYPE html>
<html>
<head>
<style>.active{display: inline;margin:0 10px;border:1px solid #000;cursor: pointer;}</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="content">
<div class="row">
<div class="nred"></div><div class="active">1</div><div class="active">2</div><div class="active">3</div><div class="active">4</div><div class="active">5</div><div class="active">6</div><div class="active">7</div><div class="active">8</div>
</div>
<div id="bileti"></div>
</div>
<script>
$(".row").hover(
function () {
$(this).children("div.active").toggleClass('bounce');
$(this).children("div.nred").toggleClass('izbranred');
}
);

$("div.active").click(function () {
$(this).toggleClass('selected');
document.getElementById("bileti").innerHTML="";

$(".selected").each(function(){
var place=$(this).html();
document.getElementById("bileti").innerHTML+=place;
});
});
</script>

</body>
</html>

最佳答案

试试这个:

var place = '';
$(".selected").each(function(){
place += this.innerHTML;
});
document.getElementById("bileti").innerHTML = place;

然而,您的each方法根据元素在DOM中的位置来选择元素,因此结果总是像134一样排序,您可以附加span元素并删除它们(如果它们没有selected类)。

$("div.active").click(function() {
$(this).toggleClass('selected');
if ($(this).hasClass('selected')) {
$("#bileti").append('<span>' + this.innerHTML + '</span>');
} else {
$("#bileti span:contains(" + this.innerHTML + ")").remove();
}
});​

http://jsfiddle.net/MW2wH/

关于jquery排序dom元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12754768/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com