`
vilight
  • 浏览: 36839 次
文章分类
社区版块
存档分类
最新评论

jquery 属性选择器

 
阅读更多
<div id="page1_1" data-load-idx='1' data-url="page1.action">
</div>

<div id="page1_2" data-load-idx='2' data-url="page2.action">
</div>

 

 

要根据data-load-idx的值来选择相应的div,比如选择idx=2:

var idx = 2;
var nextObj = $("[data-load-idx='" + idx + "']");
var url = nextObj.attr('data-url'); // 获取url属性

 这样nextObj就是那个id="page1_2"的div了。

 

 

如果给div加了class,如:

<div id="page1_1" class='ct' data-load-idx='1' data-url="page1.action">
</div>

 则:

var nextObj = $(".ct[data-load-idx='" + idx + "']");

 

分享到:
评论

相关推荐

    jquery 属性选择器的使用

    在 jQuery 中,属性选择器是用于根据元素的特定属性来选取元素的重要工具。本文将深入探讨如何利用属性选择器来提高你的前端开发效率。** ### 一、属性选择器的基本语法 jQuery 提供了多种属性选择器,每种都有其...

    jQuery属性选择器用法示例

    综上所述,jQuery属性选择器是实现基于属性选择元素的高效方法,它使我们能够进行精确的DOM操作,并且可以灵活地结合各种选择器实现复杂的元素选择需求。通过本文的实例,相信读者已经对jQuery属性选择器有了较深入...

    jQuery 属性选择器element[herf*=’value’]使用示例

    一个针对jQuery属性选择器的小例子,增加对jQUery属性选择器的理解: 代码如下: &lt;!doctype html&gt; &lt;html lang=”en”&gt; &lt;head&gt; &lt;meta charset=”utf-8″&gt; [removed][removed] &lt;style type=”...

    jQuery 属性选择器element[herf*='value']使用示例

    首先,`element[attribute*='value']`是jQuery中的一种属性选择器,它用于选取具有指定属性,并且该属性的值包含给定子字符串的所有元素。例如,如果你有多个链接`&lt;a&gt;`,并且其中某些链接的`href`属性值包含了字符串...

    jQuery属性选择器用法实例分析

    接下来,让我们详细探讨一下jQuery属性选择器的用法和实例。 属性选择器按照属性值的不同匹配类型,可以分为如下几个类别: 1. 等于选择器:选择属性值完全等于特定值的元素。 语法:$('[attribute=value]') ...

    jquery 属性选择器(匹配具有指定属性的元素)

    jQuery 属性选择器是 jQuery 选择器的一种,用于根据元素的特定属性来选取 HTML 元素。这在处理页面上的动态内容或者需要针对特定属性执行操作时非常有用。以下是对属性选择器的详细说明: 1. **基础用法**: - `...

    JQ 属性选择器

    **jQuery 属性选择器详解** 在前端开发中,jQuery 是一个强大的 JavaScript 库,它极大地简化了 DOM 操作,其中包括选择元素。属性选择器是 jQuery 提供的一种高级选择器,用于根据元素的属性及其值来定位和操作...

    jquery属性选择器not has怎么写 行悬停高亮显示

    本文要讨论的是jQuery属性选择器的使用方法以及如何实现特定表格行的悬停高亮显示效果。我们将详细介绍jQuery中的`:not`伪类选择器和`has`过滤器的使用,并解析相关的示例代码。 首先,`:`后面跟随的选择器称为伪类...

    jquery周历选择器

    本项目“jquery周历选择器”利用jQuery的灵活性和易用性,构建了一个适用于混合应用程序(Hybrid App)的周历选择器组件。 1. **周历选择器设计**: - 周历选择器通常用于日程管理或时间规划应用,显示一周的日期...

    jQuery基础选择器练习题

    jQuery中的内容选择器如`:has()`和`:empty`允许我们根据元素包含的内容进行选择,而属性选择器如`$("[attribute=value]")`则让我们能根据HTML属性选取元素。 最后,表单选择器如`:$(":input")`选取所有输入元素,`:...

    Jquery表单-层级-内容-属性-子元素选择器知识点整理

    #### 四、Jquery属性选择器 属性选择器可以根据元素的属性及其值来选取元素。 - **`$("[attribute]")`**:选择具有指定属性的所有元素。 - **`$("[attribute=value]")`**:选择具有指定属性和值的所有元素。 - **`...

    WEB开发 之 jQuery 选择器.docx

    2. **jQuery 属性选择器**: - **属性存在选择器**:`$("[href]")` 选取所有具有 "href" 属性的元素。 - **属性值等于选择器**:`$("[href=#]")` 选取所有 "href" 属性值等于 "#" 的元素。 - **属性值不等于选择...

    JQuery选择器测试 离线版

    在jQuery中,选择器分为多种类型,包括基础选择器、类别选择器、ID选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。 1. **基础选择器**:主要包括`$()`,用于选取一个或多个DOM元素...

    jquery基本选择器

    8. **属性选择器** 通过属性名称和值来选取元素。例如,`$("[href]")`会选择所有带有`href`属性的元素,`$("[data-*]")`则会选取所有带有"data-"开头属性的元素。 9. **伪类选择器** 伪类选择器用于选取元素在...

    一个简单的jQuery时间选择器

    【标题】"一个简单的jQuery时间选择器" 描述了如何使用jQuery库来创建一个用户友好的时间选择界面。在Web开发中,特别是涉及到用户输入时间的场景,如预订、会议安排等,拥有一个直观易用的时间选择器可以极大提升...

    jQuery选择器全解.

    选择器按功能分为基础选择器、层次选择器、属性选择器、表单选择器、可见性选择器、位置选择器、子元素选择器、内容选择器、属性选择器、表单对象属性选择器以及过滤选择器。每类选择器都有其独特的应用场景,熟悉并...

    jquery 动态选择器

    3. **属性选择器**: 用于选取具有特定属性或属性值的元素。例如,`$("[href]")`选取所有有`href`属性的元素,而`$("[data-*]")`则选取所有带有数据属性的元素。 4. **伪类选择器**: 这些选择器基于元素的状态或位置...

Global site tag (gtag.js) - Google Analytics