Вставьте код HTML в существующий HTML с помощью jQuery

Как я могу добавить <i class = "fa fa-check"></i> к следующему HTML-коду:

<a href = "#" class = "btn btn-success mt-4">Select</a>

Желаемый результат:

<a href = "#" class = "btn btn-success mt-4"><i class = "fa fa-check"></i> Select</a>

Спасибо.

Что ты пробовал? Любая попытка?

reisdev 10.04.2019 04:07
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
1
1
38
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Это просто способ

$(".btn.btn-success").append("<i class=\"fa fa-check\"></i>") <-- for scape "
or
$(".btn.btn-success").append("<i class='fa fa-check'></i>")

Это какой-то другой способ

let I = $("<i></i>");
$(".btn.btn-success").append(I.clone().addClass("fa fa-check"));

если вы не понимаете, дайте мне знать, я все вам помогу

Ответ принят как подходящий

С jQuery:

$(".btn-success").prepend("<i class = "fa fa-check"></i>");

Примечание. В идеале вы должны установить идентификатор в своем HTML-элементе и использовать $("#yourId").prepend("<i class = "fa fa-check"></i>"); для более точного выбора.

Вы можете сделать это с помощью prepend:

let test = () => {
  $( "a" ).prepend("<i class=\"fa fa-check\"></i>" );
}
<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity = "sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin = "anonymous">

<a href = "#" class = "btn btn-success mt-4" onclick = "test();">Select</a>

Другие вопросы по теме