Home/ Questions/Q 9003985
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T00:47:51+00:00

Ok so I wanna ask a simple jQuery question about arrays of objects. If

  • 0

Ok so I wanna ask a simple jQuery question about arrays of objects.

If I get all elements (for example all paragraphs) from an html page and store them in an array how can I access one of them to do stuff with it?

For example let’s say I have this 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>

This is my script.js:

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

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

    }); 
});

I’m trying to call detach on the first element of the array, so that I can remove the first paragraph but it doesn’t seem to work…

Is there any way to access the first paragraph without using id attributes?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this

    $($paragraphs[0]).detach();

    When you pass a index to the jQuery Object List $paragraphs[0] , the object becomes a
    DOM Object 

    var $paragraphs = $("p"); 

var domObj = $paragraphs[0];

var jqueryObj = $(domObj);

    So you need to wrap it again as a jQuery Object ..

    Instead you can use the :eq() selector

    var $paragraph = $("p:eq(0)");  // Selects only the first para
                                 // which is a jQuery Object
$paragraph.detach();   // This works too
    • 0