JQuery conditional chain

Question

Let's say I have the following jQuery code. It works fine, but then I need to include .after($('<div />')) only if var insertAfter is true. Is there an elegant jQuery way to do this?

 $('#whatEver') .parent() .show() .width(123) .addClass('bebo') .before($('<div />')) .after($('<div />')) .parent() .addClass('bla'); 

Answer 1

Try using the ternary operator:

 .after(insertAfter ? $('<div />') : '') 

Answer 2

You can extend the jQuery library as follows:

 $(function () { $.fn.afterif = function (param, condition) { if (condition) { $(this).after(param); } return this; } }(jQuery)); 

And use it as follows:

 var insertAfter = true; $('#whatEver').afterif($('<div />'), insertAfter); 

Answer 3

There are many examples that describe stack overflows on how to check if a variable is defined:

• Is the variable undefined
• Find out if a variable exists
• How to determine if a variable is "undefined" or "null"?
• JavaScript checks if a variable exists (defined / initialized)

Then you can use break and continue to control the flow.

http://www.w3schools.com/js/js_break.asp