大家好我将图像作为无序列表html中的列表项附加 并使用jquery使用下面的代码动态地在无序列表中插入项目
for(var i=1; i<=5; i++){
$('ul').append('<li class="stage1">'+ stage1img[i]+'</li>')
}
图像将在页面加载时加载 现在点击按钮我想要重新连接所有图像。所有列表项目(li)与其他项目如下 我试过了
for(var j=6; j<=10;j++){
$('li.stage1').replaceWith('<li>'+ stage1img[j]+ '</li>');
}
答案 0 :(得分:1)
我认为你出错的地方在于你的jQuery选择。尝试添加.eq()
for(var j=6; j<=10;j++){
$('li.stage1').eq(j-6).replaceWith('<li>'+ stage1img[j]+'stage1 </li>');
}
答案 1 :(得分:1)
我已修改您的代码,请尝试一下。
for(var j=6; j<=10;j++){
$('li.stage1').replaceWith(stage1img[j]);
}
答案 2 :(得分:1)
如果你想删除所有
var strHTML='';
for(var j=6; j<=10;j++){
strHTML +='<li>'+ stage1img[j]+ </li>';
}
//then consider <div> is the container of all this <li> simply do:
$('div').html(strHTML);
答案 3 :(得分:1)
我不是很精通Javascript,但是如果你想要ol那么,为什么不首先删除旧的ol然后添加新的ol。删除ol使用类似的东西:
<script type="text/javascript"><!--
$(document).ready(function() {
// when the tag with id="btn" is clicked
$('#btn').click(function() {
// removes all LI with class="cls" in OL
$('ol li.cls').remove();
});
});
--></script>
然后像以前一样追加新项目。