Javascript jQuery选择div问题

我遇到了一个我无法解决的真正问题：x

我有一个函数，将类“selected”添加到我单击的div中，并将按钮的内部html更改为单击的div的ID。但是，当我双击同一个div时，它会删除所选的类，并且按钮的内部html不会更改

我希望你们能帮助我在取消选择时将按钮内部HTML设置为其他内容，或者一旦选择了div，就无法取消选择

这是我的密码：

$(function(){
  $(".panel-kol").click(function() {
  var mid = $(this).attr('mid');

    if ( $(this).hasClass('selected') ) {
        $(this).removeClass('selected');
    }
    else {
        $('.selected').removeClass('selected');
        $(this).addClass('selected');
    }

    document.getElementById("id").innerHTML = mid;

    });
});

HTML是PHP生成的，所以我发布了一个来自页面“源代码”的示例

<div class="col-md-3">
<div class="panel panel-kol" mid="2">
    <div class="panel-body profile white">
        <div class="profile-image"><img src="../assets/images/users/female.svg" alt="Osoba"></div>
        <div class="profile-data">
            <div class="profile-data-name" style="font-weight: bold;">Agata Jacynów</div>

            <div class="profile-data-title">Lekarz</div>
        </div>
    </div>
    <div class="panel-body">
        <div class="contact-info text-center" style="margin-top: -20px;">
            <p>
                <small>Telefon komórkowy</small>
                <br/>666333999
            </p>
            <p>
                <small>Od - Do</small>
            </p>
            <div class="row">
                <div class="col-md-2"></div>
                <div class="col-md-4">
                    <div class="input-group">
                        <input type="text" class="form-control" value="07:00:00"/>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="input-group">
                        <input type="text" class="form-control" value="14:00:00"/>
                    </div>
                </div>
                <div class="col-md-2"></div>
            </div>
        </div>
    </div>
</div>

阿加塔·贾西诺
莱卡兹

komórkowy电信

666333999


Od-Do

这是我想更改的按钮：

<div class="col-md-3">
    <button id="id" class="btn btn-block" style="font-weight: bold; cursor: default;">ID</button>
</div>

身份证件

---

任何帮助都将不胜感激

只要将它放在现有的

if

中，并在取消选择

div

时将其设置为所需

$(function() {
    $(".panel-kol").click(function() {
        if ( $(this).hasClass('selected') ) {
            $(this).removeClass('selected');
            $("#id").text("ID"); // change the text here as you like
        }
        else {
            $('.selected').removeClass('selected');
            $(this).addClass('selected');
            $("#id").text($(this).attr('mid'));
        }
    });
 });

---

您可以尝试捕获双击事件并阻止启动上一个函数

$(".panel-kol").on("dblclick", function(e){
    e.preventDefault();  
    return;
});

---

你的html看起来怎么样？我是说按钮。编辑post@eisbehr这个代码有效。当单击div时，一切正常，并且它已经选择了类。当点击两次按钮时，该按钮具有该div的id值，但div不再具有选定的类。好的，这很简单。我是一个小飞象，现在太早了。。。非常感谢你。它工作得很好不客气，@user3163063！