jQuery Adding two attributes via the attr method

Question

EDIT   I learned that using other value than  blank  DOES NOT work on mobile browsers to open new windows tabs   For example  if you need to open a new window tab    This works on all browsers  even mobile browsers  target   blank   This does not work on mobile browsers  but it does work on desktop browsers  target  new     --  Although I have this one working  I m not sure if there s a better way to do it  or if the way I got it is the right only way   Basically what I m doing is replacing all the target   new  or target   blank  attribute values to target  nw   this way only one new window is open and in it all other new windows will open in order to not overwhelm the user with multiple windows    I m also adding a  Opens in a new window  title    attribute   So the solution I created is this one      a target   blank    a target   new     attr  target   nw   attr  title   Opens in a new window      Notice the two  attr    methods   Is this the correct way to add two attributes to an element   I tried  attr  target   nw   title   Opens in a new window   but it didn t work   The reason I ask is because of the DYR  Don t Repeat Yourself  principle  so if I can improve the code I have  great  if not  then it is what it is   Thanks

User · Answer

If you what to add bootstrap attributes in anchor tag dynamically than this will helps you lot       dropdown a   attr         class   dropdown-toggle         data-toggle    dropdown         role   button         aria-haspopup    true         aria-expanded    true

User · Answer

Use curly brackets and put all the attributes you want to add inside  Example       objId   attr       target   nw       title   Opens in a new window

User · Answer

Something like this     myObj  attr   data-test-1   num1   data-test-2   num2

User · Answer

Multiple Attribute  var tag    tag name   createNode tag  target  attribute    createNode  function tag  target  attribute       var tag   jQuery   lt     tag     gt         jQuery each attribute  function i v           tag attr v               target append tag       tag appendTo target     var attribute           data-level    3

User · Answer

the proper way is    attr  target  nw   title  Opens in a new window

User · Answer

Should work   attr       target  quot nw quot        title  quot Opens in a new window quot        quot data-value quot   quot internal link quot     attributes which contain dash -  should be covered in quotes       Note    quot  When setting multiple attributes  the quotes around attribute names are optional  WARNING  When setting the  class  attribute  you must always use quotes   From the jQuery documentation  Sep 2016  for  attr   Attempting to change the type attribute on an input or button element created via document createElement   will throw an exception on Internet Explorer 8 or older   Edit  For future reference    To get a single attribute you would use var strAttribute      quot  something quot   attr  quot title quot     To set a single attribute you would use    quot  something quot   attr  quot title quot   quot Test quot     To set multiple attributes you need to wrap everything in            quot  something quot   attr    title  quot Test quot   alt  quot Test2 quot        Edit - If you re trying to get set the  checked  attribute from a checkbox    You will need to use prop   as of jQuery 1 6   the  prop   method provides a way to explicitly retrieve property values  while  attr   retrieves attributes     the most important concept to remember about the checked attribute is that it does not correspond to the checked property  The attribute actually corresponds to the defaultChecked property and should be used only to set the initial value of the checkbox  The checked attribute value does not change with the state of the checkbox  while the checked property does  So to get the checked status of a checkbox  you should use      checkbox1   prop  checked       Returns true false  Or to set the checkbox as checked or unchecked you should use      checkbox1   prop  checked   true      To check it     checkbox1   prop  checked   false      To uncheck it

[jquery] jQuery: Adding two attributes via the .attr(); method

Examples related to jquery