单击并添加div但将其删除到其他元素

Question

我正在尝试创建一个脚本，当我点击列表时，它会在标记<li>中添加一个div，这个可以，但我的问题是当我点击其他{{1我想在插入之前删除div我怎么能这样做，我想删除类.selected？感谢。

<li>

Answer 1

尝试

$(document).on('click', '#horiz_container img', function () {
    var img_selected = $(this), $li = img_selected.closest('li');
    var value_sport = img_selected.val();
    var $selected = $('#horiz_container .selected').removeClass('selected');
    $selected.find('.selected_sport').remove();

    $li.addClass('selected');
    $li.prepend('<div class="selected_sport"><img src="' + CI_ROOT + 'resources/img/select.png"></div>');

});

Answer 2

$(document).on('click', '#horiz_container img', function() {
            var img_selected = $(this);
            var value_sport = img_selected.val();
            if (!$(this).closest('li').is('.selected')) {

                $(this).closest('li').addClass('selected');
                **$('.selected_sport').remove();**
                $(this).closest('li').prepend('<div class="selected_sport"><img src="' + CI_ROOT +'resources/img/select.png"></div>');
            }

        });