`

jquery得到div的id值

阅读更多
<div id="product_shift_out_{m}"> </div>


<script language = "JavaScript" type="text/javascript">
$(document).ready(function(){
name = $('div').eq(0).attr('id');
alert(name)
});
</script>


 

eq(0)是取第一个jq元素。。。

 

eq(index)
匹配一个给定索引值的元素

--------------------------------------------------------------------------------

Matches a single element by its index.
返回值
Element

参数
index (Number) : 从 0 开始计数

示例
查找第二行

HTML 代码:

<table>
<tr><td>Header 1</td></tr>
<tr><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代码:

$("tr:eq(1)")
结果:
[ <tr><td>Value 1</td></tr> ]

分享到:
评论

相关推荐

    JQuery-DIV弹窗

    "JQuery-DIV弹窗"是指利用jQuery实现的一种弹出窗口效果,通常用于显示通知、确认信息或进行表单输入等场景。这种弹窗在用户交互中起到关键作用,因为它可以吸引用户的注意力并提供一个独立的操作空间。 在描述中...

    jquery监听div内容的变化具体实现思路

    通常,元素内容变化的监听可以通过绑定一些内置的jQuery事件来实现,但对于div这样的非输入型元素,标准的change事件就无能为力了。本文将详细探讨如何监听div元素内容的变化。 首先,传统的change()方法并不能监听...

    jquery监听DIV的事件

    本篇文章将深入探讨如何使用jQuery来监听一个DIV元素的事件,以便于我们在其状态变化时执行相应的代码。 首先,理解jQuery中的事件处理是非常重要的。jQuery提供了丰富的API来绑定和触发DOM元素上的事件。在jQuery...

    jquery div拖动排序效果代码.zip

    &lt;div id="container"&gt; &lt;div class="draggable"&gt;项目1&lt;/div&gt; &lt;div class="draggable"&gt;项目2&lt;/div&gt; &lt;div class="draggable"&gt;项目3&lt;/div&gt; ... &lt;/div&gt; ``` 接着,引入jQuery库和自定义的JavaScript文件。确保在HTML...

    jQuery拖动div元素标签

    本教程将深入探讨如何利用jQuery UI库中的Draggable功能来实现div元素的拖动,以及如何通过append方法动态添加元素。首先,我们需要了解jQuery UI库的基本用法。 **jQuery UI Draggable组件** jQuery UI的Draggable...

    jQuery单击div更改背景颜色

    在这个例子中,我们为div元素赋予了id "myDiv",以便在jQuery代码中对其进行选择。 现在,我们编写jQuery代码来监听div的点击事件并改变其背景色。这可以在文档加载完成后执行,以确保jQuery库已经加载并准备好使用...

    jQuery 局部div刷新和全局刷新方法总结

    例如,如果你想更新id为“dl”的div元素的内容,可以使用以下代码: ```javascript $(".dl").load(location.href + ".dl"); ``` 这行代码的作用是从当前的页面地址中请求“.dl”对应的HTML内容,并加载到具有“dl...

    Jquery Sortable实现div拖动排序效果

    本篇文章将深入探讨如何使用 jQuery Sortable 实现div的拖动排序效果。 首先,你需要在项目中引入 jQuery 和 jQuery UI 的库。jQuery 是一个广泛使用的JavaScript库,而 jQuery UI 提供了包括Sortable在内的多种...

    jquery特效DIV层跟随页面向下滚动

    标题中的"jquery特效DIV层跟随页面向下滚动"指的是在网页设计中使用jQuery库实现的一种交互效果。当用户滚动页面时,一个特定的div元素(通常包含重要的信息或导航)会固定在屏幕的一侧,保持可见,即使用户滚动页面...

    jquery实现div模块轮播切换

    本文将深入探讨如何使用 jQuery 来实现一个div模块的轮播切换效果,这种效果通常用于展示多个图片或内容块,使得用户可以在有限的页面空间内浏览更多的信息。 首先,我们需要在HTML中创建轮播的基础结构。这通常...

    jQuery在div中去input的值

    本文将详细讲解如何使用jQuery在div中获取和操作input元素的值。 首先,理解基本的HTML结构是至关重要的。假设我们有一个包含input元素的div,其HTML代码可能如下所示: ```html &lt;div id="myDiv"&gt; ...

    jquery_div.rar_div显示特效_jquery_div

    2. 创建`div`元素:在HTML结构中,创建一个`div`元素,为其设置ID以便于jQuery选择器选取。 ```html &lt;div id="myDiv" style="display:none;"&gt;这是隐藏的内容&lt;/div&gt; ``` 在这里,`style="display:none;"`使得`div...

    jquery 滑动DIV

    本教程将详细讲解如何利用jQuery实现一个滑动DIV的效果,适用于图片轮播或移动端应用的界面交互。 首先,我们需要在HTML文件中创建一个包含待滑动内容的容器。这个容器可以是DIV元素,里面包含多张图片或其它内容。...

    移动div(jquery)

    标题“移动div(jquery)”暗示我们将讨论如何使用jQuery来实现div元素的动态移动效果,这在创建交互式用户界面时非常常见。下面,我们将深入探讨这个主题,并结合“描述”中的“值得拥有”,来展示jQuery在处理div...

    jquery仿div透明模态弹出窗

    本实例重点讲解如何利用jQuery来实现一个仿div的透明模态弹出窗功能,这对于创建诸如登录对话框、提示信息等交互元素非常有用。 首先,模态弹出窗(Modal Dialog)是一种常见的UI设计模式,它能够阻止用户与页面...

    jquery.实现div悬浮

    当页面滚动时,我们将div的top值设置为相对于窗口顶部的固定值,以保持其在屏幕上的位置。这里是一个简单的jQuery实现: ```javascript $(document).ready(function() { var $floatingDiv = $('#floatingDiv'); ...

    jquery div 弹出框

    "jQuery div 弹出框"是指使用jQuery技术来创建一个可自定义的、浮动于页面上的对话框或提示框,通常称为模态窗口。这种弹出框通常用于显示警告、确认信息、详细内容或表单等。以下将详细讲解如何实现jQuery div弹出...

    jquery点击div层图片爆炸碎裂效果

    &lt;div id="explosion" class="clickable"&gt; 爆炸图片"&gt; &lt;/div&gt; ``` 2. **CSS样式**:`style.css` 文件中定义了div元素及其子元素的样式,可能包括图片的位置、大小以及点击后的初始状态等。比如: ```css #explosion ...

    JQuery拖拽DIV

    本篇文章将深入讲解如何利用JQuery实现DIV元素的拖拽功能。 首先,确保在项目中引入了JQuery库。你可以通过CDN链接或者本地引入的方式添加JQuery到HTML文件中。例如: ```html &lt;script src="https://code.jquery....

    JavaScript和JQuery获取DIV值的方法示例

    本文主要介绍了如何利用JavaScript和JQuery技术获取页面中DIV元素的值,并通过实例展示了如何分别使用这两种技术实现这一功能。文章开始部分提到了本文内容的目的,是为了对比分析JavaScript与jQuery在获取页面div...

Global site tag (gtag.js) - Google Analytics