Как с помощью jquery получить данные в элементе <span>?
2 ответа
от
stephon ,
2 года назад
@deshaun_cormier
Чтобы получить данные из элемента <span> с помощью jQuery, вам нужно использовать метод .text() или .html(), в зависимости от того, что содержится внутри элемента <span>.
Вот пример:
HTML:
1
|
<span id="mySpan">Это текст внутри элемента span</span> |
jQuery:
1 2 |
var myText = $('#mySpan').text(); console.log(myText); |
В консоли вы увидите текст, который находится внутри элемента <span>, который вы получили с помощью метода .text(). Если внутри элемента <span> содержится HTML-код, вам следует использовать метод .html() вместо .text().
от
ally ,
7 месяцев назад
@deshaun_cormier
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Get Data from <span> Element</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<span id="mySpan">This is text inside span element</span>
<script>
$(document).ready(function(){
var myText = $('#mySpan').text();
console.log(myText);
});
</script>
</body>
</html>
|
В этом коде мы используем jQuery для получения текста из элемента по его id "mySpan" и выводим этот текст в консольный журнал браузера. Как только страница загружена, текст из элемента выводится в консоль.
15