jquery - 将 ID 附加到 div 内的最后一个 div

Question

有人可以帮我关注吗？我是 jquery 新手，非常感谢您的帮助。如果窗口宽度小于 768 px，我需要将 ID 附加到 div.cenik 的最后一个子级？感谢您的帮助。

<div class="cenik">
  <div>bla bla</div>
  <div>bla bla</div>
  <div>bla bla</div>
  <div>bla bla</div> <-- this should get the ID-->
</div>

我的代码(有问题):

 (function($) {$(document).ready(function(){
 if ($(window).width() < 768) {
   $('.cenik').children().last(function(i) {
    $(this).attr('id', 'cenik');
});
 }
 });})( jQuery );

Answer 1

这是固定代码:

(function ($) {
    $(document).ready(function () {
        if ($(window).width() < 768) {
            $('.cenik').children().last().attr('id', 'cenik');
        }
    });
})(jQuery);

也就是说，我猜应该这样做:

(function ($) {
    $(window).on('load resize', function () {
        if (window.matchMedia("(max-width: 768px)").matches) {
            $('.cenik').children().last().attr('id', 'cenik');
        }
    });
})(jQuery);