javascript - 按一个独特的按钮执行操作

Question

当我开始使用 JavaScript 和 jQuery 时，我有一个关于唯一 div 的问题。

是否可以在 JavaScript 中创建一个唯一的 div 名称，然后执行 onclick 操作？

http://jsfiddle.net/agmr2ytd/4/

示例 HTML:

<div id="favoriteXBSbQG6fNlObroDG4ML2l9VRO/yNpvIFxL0Qjr6bP2A=">
    <a href="#" id="XBSbQG6fNlObroDG4ML2l9VRO/yNpvIFxL0Qjr6bP2A=" class="btn btn-danger">Me</a>
</div>
<div id="favoriteakkbN3eo8h0Q7S4ouHqMX7cU9vNLNKw3llO/PK0e9qI=">
    <a href="#" id="akkbN3eo8h0Q7S4ouHqMX7cU9vNLNKw3llO/PK0e9qI=" class="btn btn-danger">Me 2</a>
</div>

JavaScript:

$(function() {
    $('.favorite').click(function() {
        var element = $(this);
        var verify = element.attr("id");
        alert(verify);
        $('#favorite'+verify).hide();
    });

});

当我按 div 中的第一个 a 时，我想获取 id 值作为 alert 并将其隐藏。

Answer 1

您需要为您的 div 设置 class = favorite，然后才能正常工作:

DEMO

jQuery/JavaScript:

$(function() {
    $('.favorite').click(function() {
        var element = $(this);
        var verify = element.attr("id");
        alert(verify);
        var tohide = document.getElementById(verify);
        tohide.style.display = 'none';
    });

});

HTML:

<div id="favoriteXBSbQG6fNlObroDG4ML2l9VRO/yNpvIFxL0Qjr6bP2A=" class="favorite">
    <a href="#" id="XBSbQG6fNlObroDG4ML2l9VRO/yNpvIFxL0Qjr6bP2A=" class="btn btn-danger">Me</a>
</div>
<div id="favoriteakkbN3eo8h0Q7S4ouHqMX7cU9vNLNKw3llO/PK0e9qI="  class="favorite">
    <a href="#" id="akkbN3eo8h0Q7S4ouHqMX7cU9vNLNKw3llO/PK0e9qI=" class="btn btn-danger">Me 2</a>
</div>