是否可以使用其屬性數據值而不是 div id 來調用模態？

Question

我有以下調用模態的函數”

function openModal(x) {
(function ($) {

    $('#alarm').modal('show'); 
    })(jQuery);

}

對於模態：

 <div id="alarm" class="modal fade modal-alert" data-value="'.$element['eventId'].'">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            Title
                        </div>
                         <div class="modal-body" id="boxPopUpPushCommand" style="text-align:left !important">
                            Body texts here 


                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal --> 

嘗試使用數據值而不是 id 打開特定模式？

Answer 1

是的，您可以使用Jquery Attr Selector

$('div[data-value=modalDataValue]').modal('show')

Answer 2

是的，你可以這樣做

$('#alarm[data-value=YOUR_VALUE_YOU_GET_VIA_PHP]').modal('show')

您可以在https://www.w3schools.com/jquery/jquery_ref_selectors.asp了解有關選擇器的更多信息

我建議您通過文檔中唯一的 ID $(#alarm)獲取數據。