Добавить в span <i class></i>

91
11 июня 2021, 19:00

Впервые столкнулся с тем, что нужно добавить в span еще и <i class></i>, как в этом примере: <span id="Department"><i class="glyphicon glyphicon-th-large btn-default"></i></span> но что-то не выходит:

$("#Department").append('<i class="glyphicon glyphicon-th-large btn-default">'+ 'Hello world' + '</i>');

Значение появляется, но класс пропадает.

Answer 1

Вот так работает:

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    </head>
    <body>
        <div id="Department"></div>
        <script>
            $(function() { // код ниже исполняется когда все DOM элементы документа будут построены на странице и доступны
                $("#Department").append('<i class="glyphicon glyphicon-th-large btn-default">'+ 'Hello world' + '</i>');
            });
        </script>
    </body>
</html>

Использовал jQuery версии 3.4.1

Вариант 2:

var i = $('<i></i>');
$(i).addClass('glyphicon');
$(i).addClass('glyphicon-th-large');
$(i).addClass('btn-default');
$(i).text('Hello world');
$("#Department2").append(i);
Answer 2

Вот так, вполне работает.

document.getElementById("Department").innerHTML += ('<i class="glyphicon glyphicon-th-large btn-default">Hello world</i>');
READ ALSO
Добавить атрибут через JS
jQuery

Добавить атрибут через JS

Есть код который создаёт кнопку которая открывает проводник на гаджете пользователяСейчас мне понадобилось добавить к этой кнопке атрибут...

 95
Onchange в jquery при условиях
jQuery

Onchange в jquery при условиях

Подскажите неясности по onchange и условиям

 120
Проблемы с выводом содержимого на странице
HTML

Проблемы с выводом содержимого на странице

На всех страницах сайта все сжимается под размер экрана и отображается нормально(пример на 1 картинке)Но на одной странице контент не подстраивается...

 95
Где хранить данные клиента?
c#

Где хранить данные клиента?

Я работаю сnet mvc core, и хоче реализовать данные о просмотренности форума, т

 104