I have a variable with some html
var myvar = '<div id="myid">something here</div>'; How can I add some css inline to that variable like:
$(myvar).css("border","1px solid red"); If this possible?
- What you will do with that result?itzmukeshy7– itzmukeshy72016-03-18 09:42:14 +00:00Commented Mar 18, 2016 at 9:42
Add a comment |
2 Answers
Your code is working fine
var myvar = '<div id="myid">something here</div>'; myvar = $(myvar).css({ "border":"1px solid red", "color": "blue" }); $(myvar).appendTo("body");<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>but if you want to apply css using your id selector you need to append the myvar to DOM FIRST
var myvar = '<div id="myid">something here</div>'; $(myvar).appendTo("body"); myvar = $("#myid").css({ "border":"1px solid red", "color": "blue" }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Comments
After applying css get outerHTML property of dom object. Use of filter() and find() depends your markup.
var myvar = '<div id="myid">something here</div>'; myvar = $(myvar) //get element with id .filter('#myid') // apply css , .css("border", "1px solid red") // go back to previous selector and get dom object .end()[0] // get outerHTML property of dom object .outerHTML; console.log(myvar);<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>or generate a temporary div and apply string as html property and then find the id inside, after get markup of temporary div
var myvar = '<div id="myid">something here</div>'; // generate div with html content as string myvar = $('<div/>', { html: myvar }) // get id element from it .find('#myid') // apply css .css("border", "1px solid red") // go back to previous selector .end() // get html content of temporary div .html(); console.log(myvar);<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>1 Comment
Satch3000
I need to add the inline style to the id myid as there's other div's in the string that I might want to target