JQ-获取当前元素位置

最新推荐文章于 2022-06-24 22:26:15 发布
最新推荐文章于 2022-06-24 22:26:15 发布
阅读量3k 收藏
点赞数 1
分类专栏： JS 文章标签： JQuery 获取当前元素位置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wang704987562/article/details/81811224
版权

使用JQuery的prevAll()方法获取当前元素之前有多少同级元素。

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>获取当前元素位置</title>
    </head>

    <body>
        <div class="container">
            <p>1</p>
            <p>2</p>
            <p>3</p>
            <p>4</p>
        </div>
    </body>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/x-javascript">
        $(document).ready(function() {
            $(".container p").click(function() {
                //当前元素位置，从1开始
                console.log("当前元素位置:" + ($(this).prevAll().length + 1));
            })
        });
    </script>

</html>
半笙彷徨
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery获取复选框选中的当前行的某个字段的值
10-19
在本文中，我们将深入探讨如何使用jQuery获取复选框选中的当前行的某个字段的值。这个功能在数据表格或者列表展示中特别有用，比如用户选择一行后，我们可能需要获取与该行相关的特定信息。 首先，我们要明确问题的...
jquery如何获取元素的滚动条高度等实现代码
10-23
在JavaScript和jQuery中，处理页面布局和用户交互时，经常需要获取各种元素的尺寸和位置信息，特别是当涉及到滚动条时。本篇文章将详细介绍如何使用jQuery来获取元素的滚动条高度以及其他相关实现代码。 首先，要...
Vue获取页面元素的相对位置的方法示例
10-15
主要介绍了Vue获取页面元素的相对位置的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
jQuery获取元素位置
netzmj的专栏
03-15 1597
jQuery获取元素位置 1，获取对象(自定义调整打开新窗口参照元素) var obj = $(”#oButton”); 实例中我获取的对象是弹出窗口按钮，这样创建的新窗口就会根椐按钮的位置进行调整，实例中将创建的新窗口显示的按钮的右下角。 2，获取对象元素的位置(offset()方法) var offset = obj.offset(); 获取对象元素的位置，分别是元素的top和le
jq获取元素位置
香蕉你个芭呐呐的博客
04-11 4117
jquery获取当前元素的坐标 1，获取对象 var obj = $("#id号"); 或  var obj = $(this); 实例中我获取的对象是弹出窗口按钮，这样创建的新窗口就会根椐按钮的位置进行调整，实例中将创建的新窗口显示的按钮的右下角。    2，获取对象元素的位置(offset()方法)    var offset = obj.offs 获取对象元素的位置(position()方法)    获取元素宽高
获取当前元素的位置
weixin_30739595的博客
06-27 809
获取页面某一元素的绝对X,Y坐标，可以用offset()方法： var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').position().left; var ...
jQuery的元素位置获取
u012122330的博客
10-16 2432
1.元素.offset().top：获取元素距离body顶端的高度。 2.$(document).scrollTop()：获取被卷曲的高度。 3.元素.offset().top - $(document).scrollTop()：获取元素距离浏览器边界的高度。...
jquery获取元素索引值index()示例
10-26
- `var index3 = $(this).index("a")`: 这个用法不太常见，因为它将当前元素作为选择器的基础，查找匹配的`<a>`元素，这通常不会改变索引值，除非有嵌套的`<a>`元素。 总结来说，`index()`方法是jQuery中非常实用的...
JS和JQ的event对象区别分析
10-25
在JS中，使用`this`通常可以获取到事件当前元素，但在事件委托场景下，`this`可能指向的是事件绑定的元素，而非触发事件的元素。因此，理解和区分`event.target`、`event.currentTarget`以及`event.delegateTarget`...
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
10-25
本文为大家介绍下将DIV的滚动条滚动到其子元素所在的位置，方便自动定位,需要的朋友可以参考下
js jquery写的一个非常简单的获取经纬度的函数
03-23
自己写的一个Js 就几行代码 获取到某一个地点的经纬度 ...用地图的时候很方便！
jQuery判断当前点击位置是否非指定元素区域
if_you_can_please_do的博客
05-27 9790
“` $(document).click(function(e){ var spanDatebox = $('#date').next('.datebox'); var idValue = $(e.target).attr("id"); //获取当前点击区域对象的id值 if(idValue == "dateLabel"){
jquery 获取dom元素位置
iteye_13425的博客
11-26 570
var inputX = $(this).offset().top; var inputY = $(this).offset().left;  
jquery获取元素方式
稻草人技术博客
06-02 558
1 从集合中通过指定的序号获取元素 html：   0 1 2 3 4 5 6 7   js: jQuery(function(){ $("p").eq(2).css("color","red"); $("p").eq(3).css("color","red"); })  2 获取指定条件一致和指定范围的元素 html:
JQuery获取元素的N种方法
热门推荐
Java仗剑走天涯
06-12 1万+
一.根据标签属性或属性值获取 二.根据标签选择器以及父子节点获取指定元素
获取元素的位置及宽高
m0_66428717的博客
06-24 1917
获取元素位置及宽高的方法
jquery 获取当前的元素的位置 index()
行走天下
12-30 8261
jQuery DOM 元素方法 - index() 方法 定义和用法 index() 方法返回指定元素相对于其他指定元素的 index 位置。 这些元素可通过 jQuery 选择器或 DOM 元素来指定。 注释：如果未找到元素，index() 将返回 -1。 语法 $(selector).index()   案例 html &lt;ul id="test"&gt; ...
点击页面任意位置，获取当前点击元素,jquery获取
xiaoran606的专栏
10-25 2043
$(document).click(function (b) {         var b = b ? b : window.event;         var a = b.srcElement || b.target;        alert($(a).attr("id")+","+$(a).html());     });
html5jq获取经纬度,jQuery Mobile + HTML5 获取地理位置信息
weixin_35656285的博客
06-07 404
今天在Android项目中要实现一个通过GPS或NetWork来获取当前移动终端设备的经纬度功能。要实现该功能要用到Android Framework 中的 LocationManager 类。下面我就直接贴上主要的代码说明如何实现通过GPS或NetWork来获取实时位置的经纬度。privatedoublelatitude=0.0;privatedoublelongitude=0.0;Locat...
jq 获取当前元素下面子元素
最新发布
06-08
如果你想获取当前元素下面的所有子元素，可以使用 jQuery 的 `children()` 方法。例如，如果你想获取当前元素下面的所有子元素，可以使用以下代码： ```javascript $(this).children(); ``` 如果你想获取当前元素...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值