Is there a generic method of accessing DOM elements without an id through Javascript?

Question

I have a <p> tag without an id attribute that I'd like to remove. Would I be able to use a generic DOM string to access this element?

<html> 
    <body>
        <div>
            <p> // yada yada 
            </p>
        </div>
    </body>
</html>

In my instance I'm trying to remove the paragraph element with jQuery by:

$(function () {
    var remove = $(" /*Generic label goes here */ ").remove();
});

I thought it would be document.body.div.firstChild Is something like this possible?

Answer 1

You can use normal css selectors within jQuery:

$(function () {
    var remove = $("body div p:first-child").remove();
});

If you just want top level divs inside body, use body > div p:first-child . if you only want p elements which are direct childs of body, use body > div > p:first-child .

Depending on what you need, you can also get all p elements and then iterate over them!

Is there a generic method of accessing DOM elements without an id through Javascript?

Question

1 answers

solution1
4 ACCPTED 2012-07-03 21:18:46

Is there a generic method of accessing DOM elements without an id through Javascript?

Question

1 answers

solution1 4 ACCPTED 2012-07-03 21:18:46

solution1
4 ACCPTED 2012-07-03 21:18:46