JavaScript or jQuery, how to find element

Question

I have the following HTML:

<div data-name="countrySelectorRoot">
    <select>
        <option value="C1">Country 1</option>
        <option value="C2">Country 2</option>
        <option value="C3">Country 3</option>
        <option value="C4">Country 4</option>
        <option value="C5">Country 5</option>
    </select>

    <script type="text/javascript">
        // Some script which finds parent div...
    </script>
</div>

Inside script, I need code which needs to find my "countrySelectorRoot" div (var MyRoot = // Code that finds element with data-name="countrySelectorRoot").

However, I can have multiple divs with same data-name attribute and same contents, but I need to find the the specific one which is the parent of the script.

How to do this?

Because I can have multiple same divs inside document, I need the specific one not all of them. — Dusan
– Dusan, Commented Jun 16, 2012 at 14:07
@Dusan, ok... but what makes one more specific that the other? — Roko C. Buljan
– Roko C. Buljan, Commented Jun 16, 2012 at 14:08
MV3 razor, I would not like to complicate with unique id or data attribute of the div if other solution is possible. — Dusan
– Dusan, Commented Jun 16, 2012 at 14:09
Is that <div> always an exact parent of <script> or it could be nested further? I think it would be best to use id either on <div> or <script>, otherwise it will be hard to even find the <script> selement from the script itself. — scriptin
– scriptin, Commented Jun 16, 2012 at 14:10

Furqan Hameedi · Accepted Answer · 2012-06-16 14:09:30Z

1

Try this

   $('div[data-name="countrySelectorRoot"][/Script]')

it shall select the the specific one which is the parent of the script.

answered Jun 16, 2012 at 14:09

Furqan Hameedi

4,3903 gold badges29 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ram · Accepted Answer · 2012-06-16 14:13:18Z

0

try eq() method:

$('div[data-name="countrySelectorRoot"]:eq(0)') // this selects first div

or :has:

$('div[data-name="countrySelectorRoot"]:has(script)')

edited Jun 16, 2012 at 14:13

answered Jun 16, 2012 at 14:08

Ram

145k16 gold badges174 silver badges201 bronze badges

Comments

Roko C. Buljan · Accepted Answer · 2012-06-16 14:14:53Z

0

This should give you an idea:

$('div script').parent()

jsBin demo

But I honestly think you're using javascript the wrong way.

answered Jun 16, 2012 at 14:14

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

Comments

charlietfl · Accepted Answer · 2012-06-16 14:15:26Z

0

To specifically target the one that has the script tag in it, use :has filter

$('[data-name="countrySelectorRoot"]:has(script)');

answered Jun 16, 2012 at 14:15

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Collectives™ on Stack Overflow

JavaScript or jQuery, how to find element

4 Answers 4

Comments

Comments

jsBin demo

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related