欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JQuery获取当前元素的上一个/下一个兄弟级元素,字符串截取,转换大小写等元素等实现方法

程序员文章站 2022-06-17 20:35:00
借鉴一下写的比较好的来分享一下,这些 jquery其实可以可用$来代替 jquery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$("span").pa...

借鉴一下写的比较好的来分享一下,这些 jquery其实可以可用$来代替

jquery.parent(expr),找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")

jquery.parents(expr),类似于jquery.parents(expr),但是是查找所有祖先元素,不限于父元素

jquery.children(expr),返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点

jquery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个jquery对象返回,children()则只会返回节点

jquery.prev(),返回上一个兄弟节点,不是所有的兄弟节点

jquery.prevall(),返回所有之前的兄弟节点

jquery.next(),返回下一个兄弟节点,不是所有的兄弟节点

jquery.nextall(),返回所有之后的兄弟节点

jquery.siblings(),返回兄弟姐妹节点,不分前后

jquery.find(expr),跟jquery.filter(expr)完全不一样:

jquery.filter(),是从初始的jquery对象集合中筛选出一部分,而

jquery.find(),的返回结果,不会有初始集合中的内容,比如$("p").find("span"),是从<p>元素开始找<span>,等同于$("p span");

字符串的截取:

1.截取后缀

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

var suffix = filedir.substr(filedir.lastindexof("."));

2. substring()

var str = "0123456789";

alert(str.substring(5));------------"56789" 

alert(str.substring(0,5));----------"01234"

3.split() 方法

var str = "0123456789span";

var  str1=str.split("span"); 这个是个数组

var  arr1=str1[0]---------------"0123456789"

转换大小写:

        大写转小写:tolowercase();

        小写转大写:touppercase();

var lower=$("#id").val().tolowercase();

var upper=$("#id").val().touppercase();

综合一起的例子:$(doucument).parent("span").attr("id").split("span")[0].tolowercase()