获取所有的Id值,方法是通过divclass获取全局的值,然后再提取具体的Id值
方法一:用for循环,因为$("divclass")获取的是一个数组,通过循环读取出数组中的每一个元素:
123456var articleIdList = new Array();var h3=$("divrow");for (var i = 3;i< h3length; i++) { //一共有53个元素,所需要的Id从第四个开始取的 var articleId = h3eq(i)attr("id"); var articleIdList = articleIdListconcat(articleId);};方法二:利用自带的函数:
123$("divrow")each(function(){ alert($(this)attr("id"));})因为你的 specvalue是ID,唯一的,用map函数去遍历不大好吧。你用class去遍历取值
var text=$("text-input small-input")map(function(){
return $(this)val();
})get()join(" ");
$("img")each(function(){
alert($(this)attr("src"));
});
直接用img标记就可以了。取得img的属性的值就用attr方法。
既然你用jQuery,就要把jQuery的选择器弄明白,jQuery的选择器可是很强大的。
首先通过jq获得你想要获取的input元素的数组,通过循环将每个input元素的值获取到。将input的值添加到数组。
代码:
123456789101112131415161718192021222324252627282930
//html代码<html> <body> <input type="text" name="ipt" value="1"/> <input type="text" name="ipt" value="2" /> <input type="text" name="ipt" value="3" /> <button onClick="getVal()">点击获得所有的input值</button> </body></html>//js<script type="text/javascript" src="jquery1113minjs" ></script><script type="text/javascript"> //1定义函数 getVal var getVal = function(){ //2通过jq获得input数组 var $inputArr = $('input');//length = 3 //3循环处理input,并定义结果集 var result = []; $inputArreach(function(){ //4将每个input的值放进结果集 resultpush($(this)val()); }); //5打印结果 consolelog(result); }</script>//另外的一种写法也可以实现//var valArr = $('input')map(function(){return $(this)val()})get();//打印获得的值的数组//consolelog(valArr);
1、jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。
2、它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
3、jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。
// html
<input id="minus1" type="text" name="condition[]" value="3"><input id="minus2" type="text" name="condition[]" value="2">
// js
var condition = $("input[name='condition[]']")map(function () {return $(this)val();
})get();
// 控制台输出结果,数组
consolelog(condition)// (2) ["3", "2"]
$("ul li")click(function(){
alert($(this)text());
});
$(this) 就是你单击后取出的li的文本内容。
$(document)ready(function(){
$("ul li")click(function(){
alert($(this)text());
});
});
总的来说就是为ul下的所有li标签提供一个onclick事件,所以不管是动态生成还是写死的这个方法都适用。
jquery中parent()可以获取父级元素,所以获得某元素父级的父级可以使用
1
$(selector)parent()parent();
示例如下
创建Html代码及css样式
1
2
3
4
5
6
7
8
9
<div class="class1">
class1
<div class="class2">
class2
<div class="class3">
class3
</div>
</div>
</div>
1
2
div{padding:10px 20px;border:4px solid #ebcbbe;}
divclass1{width:200px;height:120px;}
编写jquery代码
1
2
3
4
5
6
$(function(){
$("divclass3")click(function() {
obj = $(this)parent()parent();
alert(objprop('class'));
});
})
查看效果
首先,php生成json文件时,要把json_encode的第二个参数去掉,即json_encode($arr),这样生成的json文件才是jquery能够直接识别的格式。
jq的代码示例如下,仅供参考:
$getJSON("testjson", function(data){
html="";
$each(dataimg,function(i,e){
html+='<a href=">
以上就是关于Jquery通过ID获取元素,返回数组是几个意思全部的内容,包括:Jquery通过ID获取元素,返回数组是几个意思、jq 如何获取字符串数组、jquery如何获取img标签的所有元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)