xl1090453281
2019-05-06 10:51
采纳率: 93.8%
浏览 1.9k

js怎么实现点击a标签就给他加上一个图片

如图,点击以后加上一个图片,点击别的字母原来的图片就消失,麻烦各位大佬提供一下代码,感谢图片说明图片说明

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

4条回答 默认 最新

  • 子系天下 2019-05-06 10:57
    已采纳

    把所有字母当做一个集合,设置元素的click事件, 选中集合中的一个元素,则让集合中的其他元素恢复正常并给当前元素添加图片

    已采纳该答案
    打赏 评论
  • 初浅墨 2019-05-06 11:06

    给当前元素加背景图,兄弟元素去掉背景图;或者直接添加类,删除类,类里写选中样式和选中背景图

    打赏 评论
  • 老铁咖啡 2019-05-06 11:31
    
    <a class="tag" onclick="changeImg(this)">111</a>
    <a class="tag" onclick="changeImg(this)">222</a>
    <a class="tag" onclick="changeImg(this)">333</a>
    
    
    function changeImg(obj){
        $("a[class=tag]").each(function(i,val){
            $(this).css("background-image","none"); 
        });
        $(obj).css({
            "background-image":"url(/ibms/360/img/arrow.png)",
            "background-repeat":"no-repeat",
            "background-position":"50% 50%",
            "background-size": "100%"
        });
    }
    

    如果解决往采纳!

    打赏 评论
  • qq_22847605 2019-05-06 14:38

    $("a").each(function(){
    $(this).click(function(){
    $(this).addClass("intro");
    $(this).append("");
    $($(this).siblings()).removeClass("intro");
    $($(this).siblings().children("img")).remove();
    });
    });

    .intro{
    font-size:150%;
    color:red;
    }

    例子如下:

    $(document).ready(function(){ $("a").each(function(){ $(this).click(function(){ $(this).addClass("intro"); $(this).append("<img></img>"); $($(this).siblings()).removeClass("intro"); $($(this).siblings().children("img")).remove(); }); }); }); .intro{ font-size:150%; color:red; }



    打赏 评论

相关推荐 更多相似问题