javascript - What is the simplest way to wrap a div with siblings in jQuery? -


I want to use jQuery to dynamically extend my markup so that my devices have a good round box Can be shown in

For example, if I have a series of div objects with unique IDs in my DOM: 

  & lt; Div id = "queuediv0" class = "isequeue" & gt; & Lt; / Div & gt;

The key can be selected using: 

  $ (".esequeue")

Wrap those divs so that the end result is displayed: 

  & lt; Div class = "isequeue_wrapper" & gt; & Lt; Div class = "isequeue_wrapper_oc" & gt; & Lt; Div class = "isequeue_wrapper_dk" style = "margin: 0 5px;" & Gt; & Lt; / Div & gt; & Lt; Div class = "isequeue_wrapper_dk" style = "margin: 0 3px;" & Gt; & Lt; / Div & gt; & Lt; Div class = "isequeue_wrapper_dk" style = "margin: 0 2px;" & Gt; & Lt; / Div & gt; & Lt; Div class = "isequeue_wrapper_dk" style = "margin: 0px;" & Gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; P class = "isequeue_header" & gt; Header & lt; / P & gt; & Lt; Div class = "isequeue_wrapper_ic" & gt; & Lt; Div class = "isequeue_wrapper_lt" style = "margin: 0 5px;" & Gt; & Lt; / Div & gt; & Lt; Div class = "isequeue_wrapper_lt" style = "margin: 0 3px;" & Gt; & Lt; / Div & gt; & Lt; Div class = "isequeue_wrapper_lt" style = "margin: 0 2px;" & Gt; & Lt; / Div & gt; & Lt; Div class = "isequeue_wrapper_lt" style = "margin: 0px;" & Gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "queuediv0" class = "isequeue" & gt; & Lt; / Div & gt; & Lt; Div class = "isequeue_wrapper_oc" & gt; & Lt; Div class = "isequeue_wrapper_dk" style = "margin: 0px;" & Gt; & Lt; / Div & gt; & Lt; Div class = "isequeue_wrapper_dk" style = "margin: 0 2px;" & Gt; & Lt; / Div & gt; & Lt; Div class = "isequeue_wrapper_dk" style = "margin: 0 3px;" & Gt; & Lt; / Div & gt; & Lt; Div class = "isequeue_wrapper_dk" style = "margin: 0 5px;" & Gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;

On the fly, additional markup can be added or just hidden in the original page so that it can be chosen and copied.

I am sure there is a clean way to fulfill it, but it is not getting rid of me till now. JQuery.wrap () will keep the selected objects in the interior of the supplied source, but when you want the selected item to be a brother of a newly added source, how can you complete it?

Thanks, Jim

Something can work: 

  $ (function) {Var $ isqueue = $ ('. Isequeue'); $ Isqueue.wrap ('& lt; div class = "isequeue_wrapper"> gt; & quot; / div & gt;'); $ Isqueue.before (/ * all isequeue_wrapper_oc, isequeue_header, isqueu_use and stuff * /). After (/ * all ICQ_Aware on usage * /);});

All this is already made and then it will be wise just to clone it. But, you can also put them in the form of string and insert them in the same way.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more