jq 添加类进行切换图片（jquery 查找子集）

最新推荐文章于 2021-06-10 13:58:00 发布

码农挚友

最新推荐文章于 2021-06-10 13:58:00 发布

阅读量228

点赞数

分类专栏： jq

本文链接：https://blog.csdn.net/weixin_42012939/article/details/108981208

版权

jq 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

jq 添加类进行切换图片（jquery 查找子集）（https://blog.csdn.net/weixin_30488085/article/details/95311508）

Jquery获取子元素的方法有2种，分别是children()方法和find()方法。
1.children()方法：获取该元素下的直接子集元素
2.find()方法：获取该元素下的所有子集元素
3.children()方法获取ul下面直接子集元素li： $(" u l ") . c h i l d r e n (" l i ") 4 . f i n d () 方法获取 u l 下所有元素 l i ：$ (“ul”).find(“li”)
5.children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。

  <div class="text1_1" id="text1_1" data-pid="{$vo.level_id}">
        {if $vo['level_id']==2}
        <img wx:if="{{id==item.level_id}}"   src="WAP_IMG/stact/picture/gouxuantc.png" /> 
        {else/}
          <img  src="WAP_IMG/stact/picture/gouxuantc_1.png" />
        {/if}
        {$vo.level_name}
    </div>

<SCRIPT language=javascript>
      // 提交评价
    $('.text1_1').click(function () {
       var f1 = $(this).data('id');
       console.log(f1);
       if($(".text1_1").hasClass("select")){
            $('.text1_1').removeClass('select');
            $(this).addClass('select');    
        }
        else{
          $(this).addClass('select');

        }
        if($(".text1_1").hasClass("select")){
           $('.text1_1').children('img').attr('src','WAP_IMG/stact/picture/gouxuantc_1.png');
          $('.select').children('img').attr('src','WAP_IMG/stact/picture/gouxuantc.png');
        }

       
       
        // var str='';
        // str='<div class="text1_1" id="text1_1" data-id="f1"><img  src='+WAP_IMG/stact/picture/gouxuantc.png+'></div>';
        //$('.xuanzhe').html(str);




     if(title!=''&& content!=''){
           $.post('{:url("api/member/wapyjfk")}',{content:title,phone:content,uid:$uid}, function(data){
            if(data==1){
       swal('建议与反馈成功');
         $(".swal-footer").hide();
          setTimeout("location.href='{:__URL('APP_MAIN/member/shezhi')}'",2000);
        

            }
            else{
              swal('禁止建议反馈！');
            }
            }, 'json'); 
     }
    
  });