取得table中的input：
$('table input')
取得table中第一个input：
$('table input:eq(0)')
取得table中第一个input的value：
$('table input:eq(0)')val()
遍历table中的所有input，d出value：
$('table input')each(function(){
alert($(this)val());
});
什么是outerHTML
outerHTML，中文意为图例分析，用于获取元素内的html内容和文本。
与JQ的$()html()所不同的是，jQueryhtml() 是获取当前节点下的html代码，并不包含当前节点本身的代码。而outerHTML则包含本身的代码
例HTML：
<p id="testid"><span>这是一段Html代码</span></p>它的html()为：
<span>这是一段Html代码</span>而有时候回需要包含当前节点的代码，所以就用到了outerHTML，也就是
<p id="testid"><span>这是一段Html代码</span></p>如何使用jQuery获取outerHTML
原生的JS Dom中有一个内置属性叫做：outerHTML (注意大小写敏感)获取包含当前节点的HTML代码。所以可以用JQ中的prop()获取，以上文代码为例
$('#testid')prop("outerHTML")完整代码示例
<script src="<p id="testid"><span>这是一段Html代码</span></p>
<script type="text/javascript">
consolelog("节点内的HTML代码\n"+$('#testid')html());
consolelog("包含节点的HTML代码\n"+$('#testid')prop("outerHTML"));
</script>
jquery获取select的值其实类似于获取其他表单的值，需要用到val()方法， 代码如下：
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="//cdnbootcsscom/jquery/1111/jqueryjs"></script>
<script>
$(function(){
$('btn-show')click(function(){
alert($('#selector')val());
});
})
</script>
</head>
<body >
<button class="btn-show">点击显示select对应的值</button>
<select name="select" id="selector">
<option value="1">西瓜</option>
<option value="2">梨</option>
<option value="3">李子</option>
<option value="4">菠萝</option>
<option value="5">哈密瓜</option>
</select>
</body>
</html>
以上就是关于jquery如何获取指定table的html，并且要包含input输入的值全部的内容，包括:jquery如何获取指定table的html，并且要包含input输入的值、怎样用jQuery自带方法/函数来获取outerHTML属性、jquery怎么获得html select 值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）