<script>親要素への参照を取得する

Question

投稿ID：hereのような類似の問題がありますが、親IDを取得する代わりに、スクリプトタグのIDをコードすることなくスクリプトの親への参照を取得できますか？

例えば、私はウェブサイトに注入された次のコードを持っている：私は必要なもの

<div> 
    some other html tags 
    <script src="http://path_to_my_script.js"></script> 
</div> 

を私path_to_my_script.jsファイルで、私は外divへの参照を得ることができるということです。

キャッチがあり、同じWebページのいくつかの場所にコードがコピーされ、識別子が役に立たなくなることがあります。

コード全体でIDをコーディングする必要がありますか？

ソリューションはjQueryを使って優れている場合：事前にD

感謝。

Answer 1

What is the current element in Javascript?で述べたように、現在の<script>要素が実行時にも最後<script>要素、あります。

外部スクリプトの負荷が（asyncまたはdefer属性を使用して）遅延されないため、答えがあなたのケースにも当てはまります。

var scriptTag = document.getElementsByTagName('script'); 
scriptTag = scriptTag[scriptTag.length - 1]; 
var parentTag = scriptTag.parentNode; 

ほとんどのブラウザ（IE6でも）サポートdocument.scripts。 Firefoxはそうバージョン9のように、このオブジェクトをサポートし、次のコードも使用することができます：

var scriptTag = document.scripts[document.scripts.length - 1]; 
var parentTag = scriptTag.parentNode; 

Answer 2

あなたのスクリプトを参照する方法が必要です。あなたが望むスクリプトを他にどのように知っていると思いますか？スクリプトが1つしかない場合は、ページ上の最初のスクリプトのDOM要素を取得するために、常に

var myScript = document.getElementsByTagName("script")[0]; 

を実行することができます。それとも、それぞれに何かをするためにあなたのスクリプトをjQueryとループを使用することができます。

$("script").each(function() { 
    alert($(this).html()); 
}); 

Answer 3

あなたは、その含むdiv要素にジャンプするparent('div')、その後、特定のsrcでスクリプトを取得するには、属性セレクタを使用することができます。

var parentDiv = $('script[src="path/to/script.js"]').parent('div');