Question

我创建了一个网站，其中有一些图像，我想在点击它时添加id属性。有关详细信息，请参阅我的代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<body>
    <div class="content" id="select">
        </br>
        <p class="choose_print">Choose Your Photo</p><br/>
        <img src="url......">
        <img src="url......">
        <img src="url......">
        <img src="url......">
        <img src="url......">
    </div>

    <script type="text/javascript">
        $('#select img').on('click', function (event) {
            $('#select img').css('border', 'none');
            $(event.currentTarget).css('border', 'solid #00a9c6 2px');

            $(event.currentTarget).setAttribute('id','selected'); // how can I add attribute 'id' because it code doesn't work
        });
    </script>
</body>

Answer 1

setAttribute()是本机元素方法。因此它不起作用。

event.currentTarget.setAttribute('id','selected');

使用jQuery，您需要.attr() / .prop()种方法

$(event.currentTarget).attr('id','selected');

我怎样才能添加attribut＆＃34; id＆＃34;单击图像时在<img/>上？

1 个答案: