怎样用jquery获取父元素的元素名

怎样用jquery获取父元素的元素名,第1张

1、parent([expr])

取得一个包含着所有匹配元素的唯一父元素的元素集合。

你可以使用可选的表达式来筛选。

代码如下

1$('#item1')parent()parent('parent1');

2、:parent

匹配含有子元素或者文本的元素

代码如下

1$('li:parent');

3、parents([expr])

取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。

代码如下

1$('#items')parents('parent1');

4、closest([expr])

closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身。如果不匹配则向上查找父元素,一层一层往上,直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。

closest和parents的主要区别是:1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找;2,前者逐级向上查找,直到发现匹配的元素后 就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤;3,前者返回0或1个元素,后者可能包含0 个,1个,或者多个元素。

closest对于处理事件委派非常有用。

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样式的名称  

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>判断</title>

<!--得到div的属性用attr就可以了,id用attr("id") ,class就用attr("class")(深圳网站建设=">

字符串截取

var file = $("#file")val();

var fileName = getFileName(file);  function getFileName(o){    var pos=olastIndexOf("\\");    return osubstring(pos+1);  }  方法二:正则表达式

var file = $("#file")val();

var strFileName=filereplace(/^+\\([^\\]+)(\[^\\\])$/gi,"$1");  //正则表达式获取文件名,不带后缀var FileExt=filereplace(/+\/,"");   //正则表达式获取后缀

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+等。

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

以上就是关于怎样用jquery获取父元素的元素名全部的内容,包括:怎样用jquery获取父元素的元素名、jquery通过name,id名称获取当前value值、如何用Jquery获取某一个Div的Class或者ID等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存