jquery多种条件筛选

类似这种形式的!特别是更多那个选择!... 类似这种形式的!
特别是更多那个选择!
展开
 我来答
gzc0403
2015-10-21 · TA获得超过168个赞
知道小有建树答主
回答量:279
采纳率:0%
帮助的人:167万
展开全部

  <script src="jquery-1.10.2.js"></script>

  <script>

  $(function(){

  $("#tj1 span,#tj2 span,#gd1 span,#gd2 span,#gd3 span").click(function(){

  $(this).clone(true).appendTo("#yxtj")

  });

  })

  </script>

  <style>

  span{

  

  margin-left:10px;

  

  }

  #gd1 span,#gd2 span,#gd3 span{

  display:none;

  }

  </style>

  <body>


  <div style="background:#aaa; color:#fff;width:60%">已选条件:

  <div id="yxtj"></div>

  </div>

  <div id="tj1">

  条件1:<span class="tj1">条件11</span><span class="tj1">条件12</span><span class="tj1">条件13</span>

  </div>

  <div id="tj2">

  条件2:<span class="tj2">条件21</span><span class="tj2">条件22</span><span class="tj2">条件13</span>

  </div>

  <div id="gd">

  更多:<span class="gd" id="gdtj1">更多1</span><span class="gd" id="gdtj2">更多2</span><span class="gd" id="gdtj3">更多3</span>

  </div>

  <div>

  <div id="gd1">

  <span id="gd11">更多11</span><span id="gd12">更多12</span><span id="gd13">更多13</span>

  </div>

  <div id="gd2">

  <span id="gd21">更多21</span><span id="gd22">更多22</span><span id="gd23">更多23</span>

  </div>

  <div id="gd3">

  <span id="gd31">更多11</span><span id="gd32">更多32</span><span id="gd33">更多33</span>

  </div>

  </div>

  </body>


  时间仓促,仅供参考,还有许多需要完善的地方

推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式