I have a JQuery function, in which I define a span element. I just want to replace the "130px" with a variable. I have a variable with the value "width:130px". I obviously don't know how to put it in there. Thank you for any ideas!
link.append('<span class="title" style="width:130px">' + item.title + '</span>');
use + to concatenate strings.
link.append('<span class=\"title\" style=\"width:'+ variable + '\">' + 21 + '</span>');
or use link.css({"width": yoursVariable})
In css() use camalCase in properties names
link.css({"backgroundColor": "red"})
You can see I concanated a JS variable withing the <span></span> tags. Have a look at the example.
Please remember to add display: block to your span element in order to see the effect of the width.
let link = $(".link")
let myWidth = '130px'
link.append('<span class="title" style="display: block; background-color: red; width:'+myWidth+'">' + 'title' + '</span>');<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="link">test</div>Use this link.css('width', '300px');
link.css('width', yourVar). .css can also take an Object.