求助,用jq 删除过多的img标签

<div class"detail">
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>
  <img alt="" src="/img/img.jpg"/>

</div>

如以上html  代码 只保留前三个img标签,剩下全部删掉?  请高手帮帮忙。使用jq

愤怒de小菜鸟
浏览 2486回答 3
3回答

lengqiu

代码第一行少个等于号,你试试:获取大于2的img元素,remove()$("img:gt(2)").remove()

JH鹰

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title>userAgent</title>    </head>    <body>         <div id="datail">;      <li>1</li>      <li>2</li>      <li>3</li>      <li>4</li>      <li>5</li>      <li>6</li>      <li>7</li>      <li>8</li>      <li>9</li>      <li>10</li>      <li>11</li>      <li>12</li>      <li>13</li>      <li>14</li>      </div>       <script type="text/javascript">        var divChild=document.getElementById("datail");        var div1=document.getElementById("datail").getElementsByTagName("li");        for (var i = 0; i < div1.length; i++) {               if (i>3 && i<15) {   //这个值你自己调               divChild.removeChild(div1[i]);               }        }         </script>    </body></html>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JQuery