如何在ul内部添加新的li onload(jquery)图像? [英] how to append image inside ul with new li onload (jquery)?

问题描述

如何在ul内部添加新的li(jquery)图片?

how to append image inside ul with new li (jquery)?

将图像移动到ul上的新li和新addclass

move image to new li and new addclass on ul

<img src="img" class="navimg">
<ul class="nav">
  <li>nav 1</li>
  <li>nav 1</li>
</ul>

 
<ul class="nav newclass">
  <li>nav 1</li>
  <li>nav 1</li>
   <li><img src="img" class="navimg"></li>
</ul>

这是另一个问题.

<div class="nav1">
<ul>
  <li>nav 1</li>
  <li>nav 1</li> 
</ul>
</div>

<a href="" class="nav"><img src="img"  /></a>

<div class="nav2">
<ul>
  <li>nav 1</li>
  <li>nav 1</li> 
</ul>
</div>


<a href="" class="nav2"><img src="img"  /></a>

是否可以匹配相同名称的css并将<a href="" class="nav2"><img src="img" /></a>与新li <div class="nav2"> <ul> <li>nav 1</li> <li>nav 1</li> </ul>

is it possible to match same name css and move <a href="" class="nav2"><img src="img" /></a> inside same class with new li <div class="nav2"> <ul> <li>nav 1</li> <li>nav 1</li> </ul>

推荐答案

尝试一下:

$(document).ready(function () {        
    var imgTag = $(".imgforli").clone(true);
    var newHtml = "<li>" + imgTag[0].outerHTML + "</li>";       
    $(".imgforli").remove();
    $("ul").append(newHtml).addClass("newclass");
});

这篇关于如何在ul内部添加新的li onload(jquery)图像?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！