mwfd.net
当前位置:首页 >> jquEry获取当前元素 >>

jquEry获取当前元素

jquery 的 index() 方法返回指定元素相对于其他指定元素的 index 位置,因此可用于获取当前li元素顺序.注意index是从0开始计数的,所以index+1才是实际的顺序.<br>$("li").click(function() {<br> num = $(this).index()+1; // 当前点击的li元

$(document).click(function(e) { // 在页面任意位置点击而触发此事件 $(e.target).attr("id"); // e.target表示被点击的目标 })

$(document).click(function(e){ console.log(e.target); });

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>01获取父节点</title></head><body><ul id="nodeid"><li>小米</li><li id="chuizi">锤子</li><li>华为</li></ul> <script> //测试parentElement和parentNode的区别/*

这些元素绑定同一个Class$("点,绑定的class").click(function(){ //点击后对应的元素就会执行这个方法})

$('element').click(function() { $(this) // $(this) 就是当前点击的元素(对象)});

一个是在当前元素中添加onclick方法,后台通过 this.text()或者this.val()获取值.第二个是通过name或者id等获取该元素,通过text()或者val()获取

获取父节点,在获取父节点下的所以子节点.$(this).parent("父节点").find("子节点") 或者 children("子节点")

$(".now").prev("*").css("background", "yellow"); 意思就是当前元素的前一个元素背景变黄

$('#id').siblings() 当前元素所有的兄弟节点$('#id').prev() 当前元素前一个兄弟节点$('#id').prevaAll() 当前元素之前所有的兄弟节点$('#id').next() 当前元素之后第一个兄弟节点$('#id').nextAll() 当前元素之后所有的兄弟节点这三个方法都可以添加选择器,给出选择条件,就能找到你指定的兄弟节点了.

网站首页 | 网站地图
All rights reserved Powered by www.mwfd.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com