📌  相关文章
📜  如何在 jquery 中获取 div 值 - Javascript (1)

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

如何在 jQuery 中获取 div 值

在 jQuery 中获取 div 值,可以使用 .text().html() 方法来获取。其中:

  • .text() 方法获取元素的文本内容。

  • .html() 方法获取元素的 HTML 内容。

下面是示例代码:

<div id="myDiv">Hello, world!</div>
// 获取 div 的文本内容
var text = $('#myDiv').text();
console.log(text);  // 输出:'Hello, world!'

// 获取 div 的 HTML 内容
var html = $('#myDiv').html();
console.log(html);  // 输出:'<div id="myDiv">Hello, world!</div>'

如果要获取 input 元素的值,可以使用 .val() 方法。

下面是示例代码:

<input id="myInput" type="text" value="Hello, world!">
// 获取 input 元素的值
var value = $('#myInput').val();
console.log(value);  // 输出:'Hello, world!'

使用上述方法可以在 jQuery 中获取元素的值,方便后续的处理和操作。

注意: 如果要获取多个元素的值,并将这些值组成数组返回,请使用 .map() 方法实现。

下面是示例代码:

<div class="myDiv">One</div>
<div class="myDiv">Two</div>
<div class="myDiv">Three</div>
// 获取多个元素的文本内容,并组成数组返回
var textArr = $('.myDiv').map(function() {
  return $(this).text();
}).get();

console.log(textArr);  // 输出:['One', 'Two', 'Three']

使用 .map() 方法可以遍历元素,然后将每个元素的值加入数组。.get() 方法用于将结果转换为数组返回。