JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<script type="text/javascript">
    $(document).ready(function() {
        $('.OBJ-1').jqueryplapla({
        });
    }); 
</script>

<div class="OBJ-1">obj<img src="sdfs.jpg" data-caption="asdfas"></div>
<div>obj next</div>

<div class="OBJ-1">obj<img src="sdfs.jpg" data-caption="asdfas"></div>
<div>obj next</div>

<div class="OBJ-1">obj<img src="sdfs.jpg" data-caption="asdfas"></div>
<div>obj next</div>


<div class="OBJ-1">obj<img src="sdfs.jpg" data-caption="asdfas"></div>
<div>obj next</div>

CSS

.wrap { outline: 1px solid red; }

JavaScript

(function($){
     $.fn.extend({ 
         jqueryplapla: function(options) {

            var defaults = {
                thingie: 'lol'
            };
            
            var options = $.extend(defaults, options);
        
            return this.each(function() {
                  var o =options;
                  var obj = $(this);
                
                if ( o.thingie == 'lol' ) {
                  obj.next().andSelf().wrapAll('<div class="wrap" />');
                }
                
                var objIMGd = $('img', obj).data();
                
                if ( objIMGd.caption != null ) {

                        
                }
                
            });
        }
    });
})(jQuery);