Блог

Главная - Вопросы по программированию - Вставить HTML-код в существующий HTML с помощью jQuery

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

#jquery

#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>

Спасибо.

Комментарии:

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

Ответ №1:

С помощью jQuery:

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

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

Ответ №2:

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

 $(".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"));

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

Ответ №3:

Вы можете сделать это следующим образом с помощью 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>