jquery - 如何在 jQuery 中访问 DOM 对象数组中的特定对象?

标签 jquery

好的,我想问一个关于对象数组的简单 jQuery 问题。

如果我从 html 页面获取所有元素(例如所有段落)并将它们存储在数组中,我如何访问其中一个元素来执行操作?

例如,假设我有这个 html:

<!DOCTYPE html>
<html>
    <head>
        <title></title> 
    </head>
    <body> 
    <p>Paragraph 1</p>
    <p>Paragraph 2</p>
    <p>Paragraph 3</p>
    <button id="myButton">Click here</button>

    <script src="jquery-1.6.2.min.js"></script>
    <script src="script.js"></script>
    </body>
</html>

这是我的 script.js:

$(document).ready(function(){
    $("#myButton").click(function(){

        var $paragraphs = $("p"); 
        $paragraphs.detach();  //Works fine, removes all elements
        //$paragraphs[0].detach();  //Doesn't work!

    }); 
});

我试图对数组的第一个元素调用分离,以便我可以删除第一段,但它似乎不起作用......

有没有办法在不使用 id 属性的情况下访问第一段?

最佳答案

您可以使用:eq selector选择第一个元素:

$("p:eq(0)").detach();

这将仅分离第一个元素。

您可以使用 .eq() function ,这可能会提供更好的性能:

$("p").eq(0).detach();

关于jquery - 如何在 jQuery 中访问 DOM 对象数组中的特定对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13943348/

相关文章:

javascript - jQuery 动画 scrollTop 与 requestAnimationFrame - 性能

jquery - iPhone 上的 SoundManager2 - 在 jQuery Load 上没有播放声音

jquery - 将鼠标悬停在图像上时更改 div 标签内的文本?

jquery - 溢出可见在 IE 8 中不起作用

javascript - jQuery 函数仅在第一次单击时返回 [object Object]

javascript - 在 each() 的 div 中访问输入的值

javascript - 当名称包含 "["字符时,jQuery 按名称获取对象

jquery - angular.js $http 相当于 jquery 的 ajax 传统参数

Internet Explorer 7 中的 jQuery 1.6.4 克隆问题

jquery - 如何仅在第一个 jQuery 动画完成后才触发第二个 jQuery 动画?