js或jquery如何获取到某元素周围的元素呢

如题所述

<ul>
   <li>1</li>
   <li>2</li>
   <li class="x">current</li>
   <li>3</li>
   <li class="y">4</li>
   <li class="y">5</li>
</ul>

//依次运行这些代码。
$(".x").siblings().css("background", "red"); //取此对象的同级所有对象。
$(".x").prev().css("background", "red"); //取此对象的上一个对象。
$(".x").prevAll().css("background", "red"); //取此对象前面的所有对象。
$(".x").next().css("background", "red"); //取此对象后一个对象。
$(".x").nextAll().css("background", "red"); //对此对象后面的所有对象。

//其中,siblings, prevall, nextall, 还可以加入选择器,进行进一步筛选。比如:
$(".x").nextAll(".y").css("background", "red");

温馨提示:内容为网友见解,仅供参考
无其他回答

javascript获取元素(javascript中获取元素的方法有哪些)
1、通过jquery的方式,使用id选择器方式获取节点,然后获取值。2、通过原生的dom方式,获取id的值。每一个HTML元素都使用id来进行一个标注,随后可以通过document.getElementById(“ID名称”)取得指定的ID元素对象,取得元素对象之后就可以对其进行操作。但是document.getElementById()只能取得一个元素信息。d...

jquery 或者js 怎么获取页面光标所在的元素?
1、首先,打开html编辑器,新建html文件,例如:index.html,编写基础代码。2、在index.html中的标签,输入js代码:var el = window.document.body;window.document.body.onmouseover = function(event) { el = event.target;('body').append('当前鼠标在' + $(el).html() + '元素上');} 3、...

jQuery怎么选取body中除了某个元素之外的所有元素
<!DOCTYPE html> RunJS 演示代码jQuery(function($){$("body *:not('.content')").each(function(i,dom){console.log(dom); });}) dd

jquery通过id获取元素(jquery获取div的id)
1、通过jquery的方式,使用id选择器方式获取节点,然后获取值。2、通过原生的dom方式,获取id的值。每一个HTML元素都使用id来进行一个标注,随后可以通过document.getElementById(“ID名称”)取得指定的ID元素对象,取得元素对象之后就可以对其进行操作。但是document.getElementById()只能取得一个元素信息。d...

如何用js获取id 元素内容
var img = document.getElementsByTagName("img");var str = [];for (var i = 0; i < img.length; i++) { var src=img[i].src; str[i]=src.substring(src.lastIndexOf('\/')+1, src.lastIndexOf('.'));}alert(str[0]);alert(str[1]);\/\/组合成日期的字符串,自己...

怎么通过js或者jquery获取一个页面里面的内容
用jQuery的html方法可以获得某个元素中的内容 ,如果元素是html标签,则可以获得页面的全部内容:例如:(document).ready(function(){ var html_str=$("html").html();alert(html_str);});上面代码可以获得页面的全部内容。(当然要先导入jQuery)...

jquery如何获取div位置jquery获取元素位置
如何用Jquery获取某一个Div的Class或者ID?首先,要用jquery获取到这个元素,用attr方法可以输出这个元素的标签属性。例如:pid='id1'class='class2'>\/p>$('#id1')获取到这个元素,有很多种获取元素方法,可参考jquery的文档。$('#id1').attr('id'),就是获取到ID$('#id1').attr('class')...

js jquery获取当前元素的兄弟级 上一个 下一个元素
JS获取节点父级,子级元素 先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当作DOM元素 原生的JS获取ID为test的元素下的子元素。可以用:var a = docuemnt.getElementById("test&#...

JS如何获取某个DIV下的元素
1、创建一个test.html文件。2、在文件内,在div标签内,使用p标签创建一行文字,同时创建一个button按钮,用于触发执行js函数。3、在js标签内,创建函数,在函数内,使用getElementById()方法通过id(mydiv)获是div对象,再使用getElementsByTagName()方法获得div下面的p元素对象,最后,使用alert()方法...

js和jquery的区别是什么?
} ②.根据class取元素,在数组里面如果要取DOM对象使用索引的方式,如果要取JQUERY对象使用eq(){ JS:取到的是一个数组 例:var div = document.ElementsByClassName("test");JQUERY:例:var div = $(".test");} ③.根据name取元素 { JS:返回的是一个数组 例:var bd = document.getEleme...

相似回答