jquery获取上一个元素-jQuery 获取和设置 HTML 元素

bendan520 2023年8月22日 jquery 0

jQuery 包含用于修改和操作 HTML 元素和属性的强大技术。 这样我们就可以获取HTML元素中的文本内容、元素内容（如HTML标签）、属性值等。

文本()方法

text() 方法可用于设置或获取所选元素的文本内容。

例子：

例如我们得到以下内容

标签中的文字内容：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_侠课岛(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
     
    var content = $('.hello').text();
    alert(content);
  });
</script>
</head>
<body>
  <p class="hello">你好，欢迎来到侠课岛!</p>
  <div>
    <p>希望侠课岛中有适合你的编程课程。</p>
  </div>
</body>
</html>

在浏览器中展示功效：

text()除了获取文本内容之外，还可以用来设置文本内容jquery获取上一个元素，我们来看看。

例子：

例如jquery获取上一个元素，设置.content的文本内容为hello,xkd! 通过文本（）：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_侠课岛(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
  $(function(){
     
    $("button").click(function(