javascript - 如何获取单击元素的 ID 并将其存储在变量中并在进行 AJAX 调用的函数中使用它

Question

我一直在尝试从下面的一键功能中删除此#static id，并使用变量，以便它自动获取ID'，如#static ，#dynamic...等并将其放入一键功能中。这将节省我一次又一次地通过更改 ID 名称来复制和粘贴相同的函数。另外，这也将使代码看起来干净而简短。

jQuery(document).ready(function($){
// Home Page Static Portfolio Ajax Query
$(this).one('click', '#static', function( e ){
    var that = $(this);
    var id = that.attr('id');
    var rel = that.data('rel');
    var ajaxurl = that.data('url');
    $.ajax({
        url : ajaxurl,
        type : 'POST',
        data : {
            rel : rel,
            action : 'home_filter_' + id + '_portfolios'
        },
        error : function( response ){
            console.log( response );
        },
        success : function ( response ){
            if ( response == '' ) {
                $('figure' + id).after( '<div class="end_of_testimonial"><h3>You have reached the end of the line</h3><p>No more portfolios to load!</p></div>' );
            } else {
                $('.gallery-wrapper').append( response );
            }
        }
    });
});

任何帮助将不胜感激:)

Answer 1

您可以使用类并以这种方式调用ajax函数。这是您的演示代码。您可以为此函数使用任意多个 id。我使用事件文档来调用该类的每个实例。 Fiddel link

jQuery(document).ready(function($){
    // Home Page Static Portfolio Ajax Query
    $(document).on('click', '.clickclass', function( e ){
        var that = $(this);
        var id = that.attr('id');
        var rel = that.data('rel');
        var ajaxurl = that.data('url');
            alert(id);

    });
    });