изменить стиль css в функции JQuery

Question

У меня есть функция JQuery, в которой я определяю элемент span. Я просто хочу заменить «130 пикселей» на переменную. У меня есть переменная со значением «ширина: 130 пикселей». Я, очевидно, не знаю, как это туда вставить. Спасибо за любые идеи!

link.append('<span class="title" style="width:130px">' + item.title + '</span>');

Answer 1

Как видите, я объединил переменную JS с тегами <span></span>. Взгляните на пример.

Пожалуйста, не забудьте добавить display: block к вашему элементу span, чтобы увидеть эффект 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>

Answer 2

используйте + для объединения строк.

link.append('<span class=\"title\" style=\"width:'+ variable + '\">' + 21 + '</span>');

или используйте link.css({"width": yoursVariable})

В css () используйте camalCase в именах свойств

link.css({"backgroundColor": "red"})

Answer 3

Используйте эту ссылку. css ('width', '300px');