我使用.each()遍历div的内容并返回所有img标记(令人讨厌的是,它们被包装在自己的div中)。在控制台中,我看到所有4个img标签都正在被检索。
我不知道如何将数据解析成4个独立的标签。
我需要在它们之间放置< br />,然后将这一块HTML转换为一个变量,以便在AJAX调用中使用。
$(function() {
$("button").click(function(){
$('.module-added').each(function(){
$foo = $(this).html();
$('#links').html($foo);
});
$.ajax({
method: 'POST',
url: 'temp.php',
datatype: 'json',
data: {
page_title: 'A new mockup',
//modules: $BIG_CHUNK_O_HTML
},
success: function(data){
alert(data);
}
});
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>Click</button>
<div id="module">
<div class="module-added">
<img id="1" class="module-image" src="https://pbs.twimg.com/profile_images/931581316503691265/sFneyAO0_400x400.jpg">
</div>
<div class="module-added">
<img id="2" src="https://d3ieicw58ybon5.cloudfront.net/ex/350.420/shop/product/7c7a9959a242428aa5ef41ce3c739b84.jpg">
</div>
<div class="module-added">
<img id="3" src="https://vignette.wikia.nocookie.net/wallaceandgromit/images/f/f9/Wallace-Gromit-The-Wrong-Trousers-aardman-6899786-500-375.jpg/revision/latest?cb=20140526032207">
</div>
<div class="module-added">
<img id="4" src="https://upload.wikimedia.org/wikipedia/en/thumb/e/ec/Wallace_and_gromit.jpg/250px-Wallace_and_gromit.jpg">
</div>
</div>
<div id='links'></div>
https://stackoverflow.com/questions/50614847
复制相似问题