gpt4 book ai didi

jquery - 获取div内容然后修改

转载 作者:行者123 更新时间:2023-11-28 01:58:03 26 4
gpt4 key购买 nike

场景是,我想获取一个div内容,然后修改它以便将它插入到另一个div中。代码如下:

$("#loupe").live("click",function(){
$('#divBody').empty();
$('#divTitle').empty();
var title = $(this).closest('div').find('.stepTitle').text();
var divContent = $(this).closest('div').html();
// code to modify the content to be inserted in the modal
$('#divBody').append(divContent);
$('#divTitle').append(title);
$('#div').modal({ dynamic: true });
});

更详细地说,第一个 div 包含一个标题,我想在将内容插入新的 div 之前将其删除,因此新的 div 必须包含没有标题的内容

<div>
<h4 class="StepTitle">Planing des congés pour le service de <%=service.getNomService() %> au <%=month%> / <%=year%>
<span style="float: right;">
<i class="icon-white icon-search" style="cursor: pointer;" id="loupe"> </i>
<i class="icon-white icon-remove" style="cursor: pointer;" onclick="$(this).closest('div').remove();"> </i>
</span> </h4>
<table border="1" style="border-color: gray;">
</table>
</div>

//************内容放入的div将被插入

<div id="div" class="modal hide fade" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h3 id="divTitle">
//here the title
</h3>

</div>
<div id="divBody" class="modal-body">
here the other content
</div>
<div class="modal-footer">
<input type="button" class="btn" class="close" data-dismiss="modal" value="fermer">
</div>
</div>

最佳答案

jQuery 允许您处理页面片段(以及 XML)。

使用.html 方法将元素的 HTML 分配给变量后,您可以像这样对 HTML 进行操作:

var html, withoutTitle;
html = $('#someDiv').html();
withoutTitle = $(html).remove('#title').html();
$('#someOtherDiv').html(withoutTitle);

我尚未测试此代码,因此您可能需要对其进行一些调整以适合您的目的。

关于jquery - 获取div内容然后修改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15763818/

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