Question

我正在使用Jquery插件，我想通过调用它的值而不是调用它的ID名来触发模态（div）。因此，如果属性值为＆＃34; 554＆＃34;意思是attrId =＆＃34; 554＆＃34;我将显示匹配＆＃34; 554＆＃34;属性。请记住，属性值可以是变量。

My JSFiddle Code Example is here

;(function($) {

     // DOM Ready
    $(function() {

        // Binding a click event
        // From jQuery v.1.7.0 use .on() instead of .bind()
        $('#my-button').bind('click', function(e) {

            // Prevents the default action to be triggered. 
            e.preventDefault();

            // Triggering bPopup when click event is fired
            $('#element_to_pop_up').bPopup();

        });

    });

})(jQuery);

感谢任何帮助。非常感谢

Answer 1

您可以使用attribute equals selector：[attribute="value"]

如果您的弹出式div具有如下属性：

<div id="element_to_pop_up" attrId="554">
    <a class="b-close">x</a>
    Content of popup
</div>

您可以使用以下内容：

var x = '554';
$('div[attrId="' + x + '"]').bPopup();

jsfiddle

Answer 2

最终它需要一个独特的选择器，除非你可以触发多个模态。一种方法是使用jQuery的每个函数，并检查每个div的匹配属性。

$( "div" ).each(function() {
    var criteria = 'example_criteria';
    if ($( this ).attr( "attributename" ) == criteria)
    {
         $(this).bPopup();
    }
});

如何使用Jquery通过它的属性值显示DIV

2 个答案: