20,396
社区成员
发帖
与我相关
我的任务
分享jquery each遍历的问题
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象each遍历</title>
<script type="text/javascript" src="./jquery-1.11.3.min.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("input:not(input[type=button])").each(function(k,v){
console.log(k+"----"+$(v).val());
});
})
</script>
</head>
<body>
<div>
<input type="checkbox" name="aihao[]" class="ah" value="1">足球
<input type="checkbox" name="aihao[]" class="ah" value="2">篮球
<input type="checkbox" name="aihao[]" class="ah" value="3">排球
</div>
<input type="button" value="遍历" onclick="f1();">
</body>
</html>
用jquery 的each遍历.想获取足球,篮球,排球.但是用$(v).val()获取的是input的val值(1,2,3),获取复选框后面的文字信息应该怎么做了.谢谢
...全文
请发表友善的回复…
发表回复
qq_34969487 2017-02-07
- 打赏
- 举报
var x=$("#cs");//此id为外层div的id
for(var i=0;i<x.text().split('\n').length;i++){
if(x.text().split('\n')[i].replace(/(^\s*)|(\s*$)/g,"")!=''){
alert(x.text().split('\n')[i].replace(/(^\s*)|(\s*$)/g,""));
}
}
漫步的猪 2017-02-07
- 打赏
- 举报
非常感谢
还有一个问题, 抛开each遍历不说.
<div>
<input type="checkbox" name="aihao[]" class="ah" value="1">足球
<input type="checkbox" name="aihao[]" class="ah" value="2">篮球
<input type="checkbox" name="aihao[]" class="ah" value="3">排球
</div>
我并不想设置title属性,也不想在足球篮球排球上加任何的标签,用js或者jquery我如何获取它们的文本信息了.谢谢.
目前造轮子 2017-02-07
- 打赏
- 举报
楼上正解
傲雪星枫 2017-02-07
- 打赏
- 举报
非常感谢
还有一个问题, 抛开each遍历不说.
<div>
<input type="checkbox" name="aihao[]" class="ah" value="1">足球
<input type="checkbox" name="aihao[]" class="ah" value="2">篮球
<input type="checkbox" name="aihao[]" class="ah" value="3">排球
</div>
我并不想设置title属性,也不想在足球篮球排球上加任何的标签,用js或者jquery我如何获取它们的文本信息了.谢谢.[/quote]
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象each遍历</title>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("input:not(input[type=button])").each(function(k,v){
//console.log(k+"----"+$(v).val());
//console.log(k+"----"+$(v).attr('title'));
console.log(k+"----"+$(v).parent().text().split("\n")[k+1].trim());
});
})
</script>
</head>
<body>
<div>
<input type="checkbox" name="aihao[]" class="ah" value="1">足球
<input type="checkbox" name="aihao[]" class="ah" value="2">篮球
<input type="checkbox" name="aihao[]" class="ah" value="3">排球
</div>
<input type="button" value="遍历" onclick="f1();">
</body>
</html>
傲雪星枫 2017-02-06
- 打赏
- 举报
后面的文字不属于input控件，所以遍历不会输出。
可以在input中加入tite实现。
代码如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>对象each遍历</title>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("input:not(input[type=button])").each(function(k,v){
//console.log(k+"----"+$(v).val());
console.log(k+"----"+$(v).attr('title'));
});
})
</script>
</head>
<body>
<div>
<input type="checkbox" name="aihao[]" class="ah" title="足球" value="1">足球
<input type="checkbox" name="aihao[]" class="ah" title="篮球" value="2">篮球
<input type="checkbox" name="aihao[]" class="ah" title="排球" value="3">排球
</div>
<input type="button" value="遍历" onclick="f1();">
</body>
</html>
