代码如下:
var btn = jQuery('btn')val();
获取的只是第一个类标签为btn的html元素的value值。
要获得一组类标签的所有html元素的值。就得使用jQuery的each遍历。
代码如下:
var btns = new Array(); //或者写成：var btns= [];
jQuery('btn')each(function(key,value){
btns[key] = $(this)val();
//或者也可以这么写：
// btns[key] = $(value)val();
});
可以使用jQuery的children方法来获取某个元素下的所有子元素。
工具原料：编辑器、浏览器
1、使用children方法可以获得选择器下的所有子元素，代码实例如下：
<!DOCTYPE html><html>
<head>
<script type="text/javascript" src="/jquery/jqueryjs"></script>
<style>
body { font-size:16px; font-weight:bolder; }
p { margin:5px 0; }
</style>
</head>
<body>
<div>
<span>Hello</span>
<p class="selected">Hello Again</p>
<div class="selected">And Again</div>
<p>And One Last Time</p>
</div>
<script>$("div")children("selected")css("color", "blue");</script>
</body>
</html>
2、运行的结果是找到类名为 "selected" 的所有 div 的子元素，并将其设置为蓝色，结果如下：
jquery提供了两个获取对象内容的方法：
text() 设置或返回所选元素的文本内容
html() 设置或返回所选元素的内容（包括 HTML 标记）
下面实例演示：获取<span>标签文本
1、HTML结构
<span id="test">我是span的文本</span><br><input type='button' value='span标签的内容'/>
2、jquery代码
$(function(){$("input[type='button']")click(function() {
alert($("span#test")text());
});
});
3、效果演示
$(this)parent()find("i[isShow='fou']")
该元素就是属性isshow为fou的i元素，注意引号。
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（ 或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
jQuery的模块可以分为：入口模块、底层支持模块和功能模块。其核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口。
具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 60+、FF 15+、Safari 20+、Opera 90+等。
JQuery提供以下两个方法可以读取节点中的内容：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
注意二者在获取内容上的区别，实例演示如下:
1、HTML结构
<div id="test"><i>示例文字</i></div><input type="button" id="btn1" value="获取text">
<input type="button" id="btn2" value="获取html">
2、jquery代码
$(function(){$("#btn1")click(function() {
alert($("#test")text());
});
$("#btn2")click(function() {
alert($("#test")html());
});
});
3、效果演示
jQuery 中使用 text() 或者 html() 函数可以获取td的内容：
$("td")text(); // 或者 $("td")html();
二者区别在于前者返回所选元素的文本内容，后者返回所选元素的内容（包括 HTML 标记）。
下面实例演示：点击按钮后获取所有选中行的td单元格的内容
1、HTML结构
<table id = "test">
<tr><td><input type="checkbox" name="test"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>4</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>7</td></tr>
<tr><td><input type="checkbox" name="test"></td><td>10</td></tr>
</table>
<input type="button" value="确定">
2、jquery代码
$(function(){
$(":button")click(function() {
str = $(":checkbox:checked")map(function() {
return $(this)parent()siblings('td')text(); // 根据checkbox定位到后面的td，然后使用text()函数获取内容
})get()join(", "); // 获取内容数组并拼接为字符串
alert(str); // 输出
});
});
3、效果演示
以上就是关于jquery怎么获取元素的value值全部的内容，包括:jquery怎么获取元素的value值、jquery如何获取一个元素中的有哪些数字，并打印出来、jquery如何获取span的文本等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）