jquery 通过某个标签属性值修改其它标签相同的属性值

网站要增加一个当前文章的标签颜色与其它标签不同的功能,决定用jquery实现。

        <div class="col-p-4 article-link">
                    <div class="aside-link">
                        <a href=/clinical/medical_service?id=261 data-id=261>A</a>
                        <a href=/clinical/medical_service?id=260 data-id=260>B</a>
                        <a href=/clinical/medical_service?id=259 data-id=259>C</a>
                    </div>
                </div>
                
                
        
        <div id="conid" con-id="261"></div>
               
        </script>
        <script>
        	//先获得con-id的值,方便下一步判断
        	var con = $('#conid').attr('con-id');
        	
        	//运用each获取a标签里面含有data-id的值
        	$('a').each(function(){
				    var arr = $(this).attr('data-id');
				    				    
				    if(arr == con){
				    	$(this).addClass('active');
				    	}
					});
					
        </script>

要点

each后的arr里面存放着所有a标签中含有data-id的值,只要用if判断出条件,用$(this)进行添加内容即可,此时$(this)操作的就是当前a标签的值。

评论

大侠名号:   验证暗号: 点击我更换图片

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND