首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

jquery剔除节点 jquery删除html标签

2012-11-09 
jquery删除节点 jquery删除html标签jquery删除节点 jquery删除html标签先看效果:DIV idPreviewpicsL

jquery删除节点 jquery删除html标签
jquery删除节点 jquery删除html标签

先看效果:

<DIV id="Previewpics">  <LI id="fileid16"><IMG src="http://127.0.0.1/uploads/201005/127311533698.gif.thumb_100_75.jpg"><BR>      <INPUT onclick="window.open(this.src)" type="button" src="uploads/201005/127311533698.gif" value="大图">    <INPUT onclick="deleteimg(this.src)" type="button" src="16" value="删除">  </LI>  <LI id="fileid17"><IMG src="http://127.0.0.1/uploads/201005/127311534291.jpg.thumb_100_75.jpg"><BR>      <INPUT onclick="window.open(this.src)" type="button" src="uploads/201005/127311534291.jpg" value="大图">    <INPUT onclick="deleteimg(this.src)" type="button" src="17" value="删除">  </LI>  <LI id="fileid18"><IMG src="http://127.0.0.1/uploads/201005/127311536399.gif.thumb_100_75.jpg"><BR>      <INPUT onclick="window.open(this.src)" type="button" src="uploads/201005/127311536399.gif" value="大图">    <INPUT onclick="deleteimg(this.src)" type="button" src="18" value="删除">  </LI></DIV>


再看执行js后效果:
<DIV id="Previewpics">  <LI id="fileid16"><IMG src="http://127.0.0.1/uploads/201005/127311533698.gif.thumb_100_75.jpg"><BR>      <INPUT onclick="window.open(this.src)" type="button" src="uploads/201005/127311533698.gif" value="大图">    <INPUT onclick="deleteimg(this.src)" type="button" src="16" value="删除">  </LI>  <LI id="fileid17"><IMG src="http://127.0.0.1/uploads/201005/127311534291.jpg.thumb_100_75.jpg"><BR>      <INPUT onclick="window.open(this.src)" type="button" src="uploads/201005/127311534291.jpg" value="大图">    <INPUT onclick="deleteimg(this.src)" type="button" src="17" value="删除">  </LI></DIV>


对比一下就知道啦.li的id为fileid18的被删除了.
主要代码如下:
$('li').remove('#fileid'+fid);

解释一下,删除li节点,并且这个li的id为 fileidx .

热点排行