Как с помощью jquery получить данные в элементе <span>?

Пользователь

от deshaun_cormier , в категории: JavaScript , год назад

Как с помощью jquery получить данные в элементе <span>?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от stephon , год назад

@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 , 3 месяца назад

@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" и выводим этот текст в консольный журнал браузера. Как только страница загружена, текст из элемента выводится в консоль.