jquery获取div的值

获取 div 的文本内容

使用 jQuery 的 text() 方法可以获取指定 div 元素的文本内容（不包含 HTML 标签）。

var divText = $("div").text();
console.log(divText); // 输出 div 内的纯文本

若需获取多个 div 的值，可通过类名或 ID 选择器指定目标元素：

var specificDivText = $("#myDiv").text(); // 通过 ID 获取
var classDivText = $(".myClass").text();  // 通过类名获取

获取 div 的 HTML 内容

使用 html() 方法可获取 div 内的完整 HTML 结构（包含标签）：

var divHTML = $("div").html();
console.log(divHTML); // 输出 div 内的 HTML 代码

获取输入类 div 的值

若 div 内包含表单元素（如 input、textarea），需使用 val() 方法获取其值：

var inputValue = $("div input").val(); // 获取 div 内 input 的值
var textareaValue = $("div textarea").val(); // 获取 div 内 textarea 的值

遍历多个 div 的值

通过 each() 方法可遍历多个 div 并获取各自的值：

$("div").each(function() {
    console.log($(this).text()); // 逐个输出 div 的文本
});

注意事项

• 若页面有多个同名 div，$("div") 默认选中第一个匹配元素。需通过更精确的选择器（如 ID 或类名）定位目标。
• text() 和 html() 对空白字符的处理不同，text() 会忽略多余空格，html() 保留原始格式。