怎样用jQuery来代替getElementsByName()来得到某标签的数组

怎样用jQuery来代替getElementsByName()来得到某标签的数组,第1张

懂了个大概,你看下是不是这个意思:

var wt = $('className');//通过class的名称来获取对象数组,返回的是jquery对象数组 ,

如果想以name属性获取对象:

var wt = $('input[name="wt"]');

放到<form></form>里,直接使用 var arr=$("form")serializeArray(); 这样就获取到了name-value的数组

// 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"]

1、根据name取值:

<input name="inp" type="text" value="aaa">

<input name="inp" type="text" value="bbb">

<input name="inp" type="text" value="ccc">

$("input[name='inp']")val()

2、根据name取值遍历:

<input name="inp" type="text" value="aaa">

<input name="inp" type="text" value="bbb">

<input name="inp" type="text" value="ccc">

$("input[name='inp']")each(function(){alert($(this)val());})

扩展资料:

取出form中的input:

<script type="text/javascript" language="JavaScript" charset="UTF-8">

$(document)ready(function(){

var a=$("form input");

$each(

a,

function(name,object){

alert(name+":"+$(object)val());

}

);

});

</script>

name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值

$("input:text")attr("name");

$("input:text")prop("name");  // 也可以使用prop()方法获取属性

$("[name='name']")val(); //获取vlaue值

$("[name='name']")attr('id','name'); //添加id名称

$("[name='name']")after('

jquery通过name属性取值的方法

 alert($("input[name='inputTest']")val());

alert($("input[type='text']")attr("id")); //这个是取id的值,方便记就写在这儿了

$("input[name='inputTest']")each(

function(){

alert($(this)val());

}

alert($("input[name='inputTest']")[0]value);

alert($("input[name='inputTest']")[1]value);

alert($("input[name='inputTest']")get(0)value); //此处也可以得到值,等同于上面两行

alert($("input[name='inputTest']")get(1)value);

根据name取值:  

$("input[name='mobile']")val()  

根据id取值:  

$("#mobile_reg_form")html()  

根据name取值了遍历:  

$("input[name='mobile']")each(  

function(){  

alert($(this)val());  

}  

)   

取出form中的input:  

$(document)ready(function(){    

vara=$("form input");    

$each(    

    a,    

function(name,object){    

alert(name+":"+$(object)val());    

}    

);    

});    

得到值(多个的情况):  

$("input[name='mobile']")[0]value  

$("input[name='mobile']")get(1)value  

-----jquery添加删除样式--------  

给一个标签添加样式:  

$("#id")addClass("style");  

删除一个标签的样式:  

$("#id")removeClass("style");  

注:"#id"  id是对应标签的id,style是对应css样式的名称  

你说的是这样么?<input name="name">  。

如果是的话:  jquery("input[name='name']")val();

但是一般不建议这么用, 这么用大多是用来控制样式,而不是取值,取值这个都需要精确控制,所以设置个ID, 指定获取更好

比如:

html代码:<input type="text" name="text1" id="input1" value="abc" />。

jq代码:&#36;("input")val();//会获取所有input元素的值,如果只有一个,就显示这一个。

&#36;(":text")val();//会获取所有input中类型为text的值;

&#36;("[name=='text1']")val();//会获取所有name为text1的值;

&#36;("#input1")val();//会获取id为input1的值,id在html中只能有一个。

如果要设置这个元素的值,就只需把val()中写上要设置的值就可以如:&#36;("input")val("123");//看一下效果

以上就是关于怎样用jQuery来代替getElementsByName()来得到某标签的数组全部的内容,包括:怎样用jQuery来代替getElementsByName()来得到某标签的数组、如何使用jquery获取html表单的每个客户端控件的名称name和value值以json格式返回、怎么用jquery得到表单属性为数组值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9798953.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存