Jquery добавить элемент в переменную javascript
как добавить html-код "<a href = "example.com">example.com</a>" с помощью jquery в переменную javascript элемента
<body>
<div id = "test"> </div>
</body>
<script type = "text/javascript">
var objTo = document.getElementById('test')
var contentDiv = document.createElement("div");
objTo.appendChild(contentDiv);
---- Now I want to add
---- "<a href = "example.com">example.com</a>" element to contentDiv using jquery. how to do it
</script>
$('.'+altClass).append( '<a href = "example.com">example.com</a>' )при условии, что нет имени класса. сослаться на отредактированный вопрос без названия класса
ну тогда просто добавь идентификатор ...
это означает, что мы не можем использовать содержимое переменной javascript Div в jquery.
@SanthoshYedidi, Да, мы можем использовать переменную javascript в JQuery.
извините, я имею в виду использовать его как $ .contentDiv.append (- raw html--), возможно ли
Я был сбит с толку, как вы это назвали javascript variable, но теперь я знаю, что вы на самом деле имеете в виду
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Как отмечали другие, для этого не обязательно использовать JQuery. Однако, если вы пытаетесь изучить JQuery, это будет следующим образом:
$(contentDiv).append("<a href='example.com'>example.com</a>"
Обратите внимание, что:
- элемент contentDiv должен быть заключен в оболочку JQuery (либо $, либо jQuery, в зависимости от вашей версии)
- Внутренние кавычки в этой ситуации проблематичны, поэтому я использовал одиночные апострофы внутри элемента.
могут ли переменные быть заключены в $ () как селектор
Да, переменные, которые содержат элементы DOM (например, contentDiv содержит элемент div), могут быть заключены в $ () - и элемент DOM будет выбран.
Хотите вставить гиперссылку в тело?
var el = document.createElement('a')
el.href = "example.com";
el.innerHTML = "example.com";
// Append to body.
document.body.appendChild(el);
Надо было обойтись без jQuery.
Обновлено: Если вы хотите сделать это с помощью jQuery:
let url = "example.com";
$('body').append(`<a href = "${url}">${url}</a>`);
Хотя соэоне уже приводил подобный пример.
это чистый способ javascript. я хочу использовать jquery
Если вы хотите использовать переменную javascript в функции Jquery, необходимо использовать $ ().
В вашем случае перед добавлением созданного элемента вставьте свой тег 'а', а затем добавьте его.
$(document).ready(function(){
var objTo = document.getElementById('test')
var contentDiv = document.createElement("div");
$(contentDiv).html('<a href = "example.com">example.com</a>') //Here using $() add your a tag using jquery html() function.
objTo.appendChild(contentDiv);
})
А вот ниже - Демо-версия.
Почему использовать jQuery, а не JavaScript? Вы даже не отметили jQuery (сделал это за вас) в этом вопросе. Вы делаете
objTo.appendChild(contentDiv);... разве вы не можете сделать то же самое для своего якоря?