获取 span jquery 的值 - Javascript (1)

📌 相关文章

📜 获取 span jquery 的值 - Javascript (1)

📅 最后修改于: 2023-12-03 15:27:48.084000 🧑 作者: Mango

获取 span jquery 的值 - JavaScript

在 JavaScript 中，要获取 span 元素的值，可以通过 jQuery 的选择器和方法来实现。

假设我们的 html 代码如下：

<span id="mySpan">This is a span element.</span>

我们可以通过以下代码获取 span 元素的值：

var spanValue = $('#mySpan').text();

上述代码中，我们使用了 jQuery 的 $() 选择器来选中 id 为 “mySpan” 的元素，然后使用 text() 方法获取它的文本内容。

如果我们改变了 span 元素的内容，我们需要重新获取它的值，否则会得到旧的值。我们可以把上述代码封装成一个函数，如下所示：

function getSpanValue() {
  return $('#mySpan').text();
}

这样我们就可以在需要获取 span 值的地方调用 getSpanValue() 函数。

示例代码

以下是完整的示例代码：

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
  <span id="mySpan">This is a span element.</span>
  <script>
    function getSpanValue() {
      return $('#mySpan').text();
    }

    var spanValue = getSpanValue();
    console.log(spanValue);
  </script>
</body>
</html>

输出结果：

This is a span element.

Markdown 代码片段：

# 获取 span jquery 的值 - JavaScript

在 JavaScript 中，要获取 span 元素的值，可以通过 jQuery 的选择器和方法来实现。

假设我们的 html 代码如下：

```html
<span id="mySpan">This is a span element.</span>