gpt4 book ai didi

javascript - 使用正确的 Jquery 选择器在 div 之间迁移内容

转载 作者:行者123 更新时间:2023-11-30 10:35:06 25 4
gpt4 key购买 nike

主要停留在这里,希望得到一些帮助。单击特定标题时,我正在尝试将特定主题的隐藏 div 内容迁移到单独的区域。此刻我可以获取要迁移的内容,但不是特定的主题内容,它只是在单击时循环浏览内容。

对不起,我的标题不好,我正在努力定义我的确切问题。如果您觉得自己可以做得更好,请做出改变。

http://jsfiddle.net/vBCs5/1/

点击灰色字幕迁移内容。

提前谢谢你。

Jquery:

$(document).ready(function() {

$(".freemarker-wrap div").hide();

$(".test").click(function () {

$(".freemarker").each(function () {

var working = $(this).contents();
var ref = $(".content-box").contents();

$(this).append(ref);
$(".content-box").append(working);

});
});
});

HTML

<html>
<body>

<div class="page-wrap">
<div class="left-column-wrap">

<h1>FreeMarker +</h1>
<div class="freemarker-wrap">
<span class="test">
<h2>Lucene Call ></h2>
<div class="freemarker">
<p>Click to hide stories</p>
</div>
</span>

<span class="test">
<h2>Arrays ></h2>
<div class="freemarker">
<p>Arrays</p>
</div>
</span>

<span class="test">
<h2>Declaring and outputting variables ></h2>
<div class="freemarker">
<p>Declaring</p>
</div>
</span>

<span class="test">
<h2>IF Statements ></h2>
<div class="freemarker">
<p>Statements</p>
</div>
</span>

<span class="test">
<h2>Fragments ></h2>
<div class="freemarker">
<p>Fragments</p>
</div>
</span>

<span class="test">
<h2>Working with Numbers ></h2>
<div class="freemarker">
<h3>Numbers</h3>
</div>
</span>

<span class="test">
<h2>Current Date ></h2>
<div class="freemarker">
<p>Current</p>
</div>
</span>
</div>

<div class="javascript-wrap">
<h1>JavaScript +</h1>
</div>

<div class="javascript-wrap">
<h1>JQuery +</h1>
</div>

<div class="javascript-wrap">
<h1>HTML +</h1>
</div>

<div class="javascript-wrap">
<h1>CSS +</h1>
</div>

</div>

<div class="content-box">
</div>

</div>

</body>
</html>

最佳答案

假设这就是您要的...

$(document).ready(function() {

$(".freemarker-wrap div").hide();
$(".test").click(function () {
var working=$(this).find(".freemarker").html(); // get that particular <span> html
$(".content-box").html(working); <migrate it to content
});
});

fiddle这里

关于javascript - 使用正确的 Jquery 选择器在 div 之间迁移内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14457476/

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