获取弹出按钮的ID

Question

我正在动态地向DOM添加按钮。在每个按钮上，有一个弹出窗口。这是我的代码： -

<button class="pop-Add" id='button1'>Add</button>

var popOverSettings = {
placement: 'bottom',
container: 'body',
selector: '[rel="popover"]',
html:true,
content: "<button type='button' id='+50' class='btn btn-small pop_button'> + 50 </button>"
}

$('body').popover(popOverSettings);
$('.pop-Add').click(function () {
        var id = Math.floor((Math.random() * 1000000) + 1);
    button = "<button rel='popover' id='" + id + "'>Click me</button>"
    $('body').append(button);
});

jsFiddle

我想获取点击其弹出式按钮“+50”的ClickMe按钮的ID。我怎么能得到它？

这就是我目前的做法： -

$(document).on('click', '.bid_value_buttons' , function(){
    alert($(this).attr('id'))
}

Answer 1

我认为最简单的答案就是只需添加＆＃34;点击我＆＃34;按钮作为新创建的弹出框的data-attribute并访问data-attribute：

JS Fiddle

$(document).on('click', '.click-me-button', function(){
    var id = $(this).attr('id');
    $('.popover-content').last().attr('data-id', id); // Will always be the last popover (newest in DOM)
})

$(document).on('click', '.popover-content' , function(){
    alert($(this).attr('data-id'));
});

如果你真的需要根据id访问按钮，你可以这样做：

$(document).on('click', '.popover-content' , function(){
   var id = $(this).attr('data-id');    
   alert($('#' + id).attr('id')); // easily access the id
});

Answer 2

我是通过使用以下代码完成此操作的：

<强> HTML：

PATH

jQuery代码：

    <button class="pop-Add">Add</button>
<script>
 function display(el) {
        var id = $(el).parent().parent().prev().prop("id");
        alert(id);
    }
    </script>

结帐fiddle。

请在屏幕截图下方找到：

希望它可以帮到你

由于