I would like to get ID of javascript's container, for ex:

<div id="d_17j_a">
   <script type="text/javascript">
      alert("<ID of javascript's container here>");
      // it will alert: d_17j_a
   </script>
</div>

(ID of div is dynamic)

Thank for any suggestion !

I would like to get ID of javascript's container, for ex:

<div id="d_17j_a">
   <script type="text/javascript">
      alert("<ID of javascript's container here>");
      // it will alert: d_17j_a
   </script>
</div>

(ID of div is dynamic)

Thank for any suggestion !

• javascript

• do you control the markup? – Kevin Bowersox Commented May 2, 2013 at 9:23
• see stackoverflow./q/403967/989121 for some suggestions – georg Commented May 2, 2013 at 9:25
• You should be able to start from here: stackoverflow./q/403967/218196. – Felix Kling Commented May 2, 2013 at 9:25
• @Kevin Bowersox: i am working with many dynamic html, so i would like to do that. – Rong Nguyen Commented May 2, 2013 at 9:26
• Are you going to have multiple scripts in a single div? or one div will contain 1 script at most? – painotpi Commented May 2, 2013 at 9:29

3 Answers 3

So scripts are loaded sequentially, so you can get the parent node of a script element through:

var scripts = document.getElementsByTagName('script');
var me = scripts[scripts.length-1];
console.log('parent id', me.parentNode.id);

<script id="FindMe" type="text/javasctipt"> should work just fine using jQuery("#FindMe").parent().id

In pure javascript

document.getElementById("FindMe").parentNode.id

If you can add an id to your script tag you can grab the parent with Javascript after retrieving the script element.

<div id="d_17j_a">
   <script id="myScript" type="text/javascript">
      var parentId = document.getElementById("myScript").parentNode.id;
      alert(parentId);
      // it will alert: d_17j_a
   </script>
</div>