Question

我想知道是否有办法在不点击的情况下获取元素ID。我在div中需要更新和打印的数据。我可以通过单击div来完成我想要的操作。数据会更新，打印并消失，直到下一个div出现。这是我正在使用的jQuery。

$(document).ready(function(){
    $('.store').click(function(){
        the_id =$(this).attr('id');
        $(this).fadeOut('slow');

        $.ajax({
            type: 'POST',
            url: "update.php",
            data:{id:the_id},
            success:function(){
                print_div();
            }
        });
    });
});

那么有没有办法调整.click函数，以便在没有实际点击的情况下自动更新，打印和消失数据？

Answer 1

You can loop through the divs on document ready. I don't know if this is exactly what you are asking, but this way, you will know the ID of the elements without user interaction.

$(document).ready(function() {
   $('.store').each(function() {
      var the_id = $(this).attr('id');
      $(this).fadeOut('slow');

      $.ajax({
         type: 'POST',
         url: "update.php",
         data: {
            id: the_id
         },
         success: function() {
            print_div();
         }
      });
   });
});

Answer 2

In short, no.

JavaScript relies on events - whether timed or created by an interaction (forced or organic) to add methods to the call stack. If you'd like, you can trigger an event (a forced event) using jQuery's trigger method on an event. On the other hand, you can set up a timer using setInterval (a regular action) or setTimeout (a delayed action) to trigger the event. Other than that, you have to rely on the user interaction to trigger events.

You could get clever on what triggers the callback function to the click method - you can look at the user's mouse or scrolling behavior and reload the element or even on some sort of keyboard event. It's really a matter of what will provide the best user experience in your context.

Here is some boilerplate to help:

$(document).ready(function(){
    $('.store').click(storeHandler);
    $('#someOtherElement').on('event', storeHandler);
    setTimeout(storeHandler, 1000);
});

function storeHandler(event) {
    var theElement = $(event.target);   // the event object is very useful
    var theId = theElement.attr('id');
    theElement.fadeOut('slow');

    $.ajax({
        type: 'POST',
        url: "update.php",
        data:{id:the_id},
        success:function(){
            print_div();
        }
    });
}

The goal is to let you replicate the behavior given some event.

无需单击即可获取元素ID

2 个答案: