How to find the script tag's parent

Question

How to find an element relative to script's position? For instance, in the case below I would like getSelfParent to return the $('button') element

<button>
    <script>
        getSelfParent().click(function(){...});
    </script>
</button>

$(this).parent() did not work.

EDIT:

I want to avoid:

• adding ID's anywhere
• traversing whole tree every time I am looking for the self element

Answer 1

@Jakub M: this is the way I want to create buttons in my php.

Try to generate HTML|SCRIPT output as:

<button>
    <script id='RandomOrUniqueIdValue'>
        var script=document.getElementById('RandomOrUniqueIdValue');
        // var script=$('#RandomOrUniqueIdValue');
    </script>
</button>

Answer 2

I don't think there's really a way of accessing the parent element of a script tag, as a script is executed in reference to the window object, not the html tag it is in.

generally speaking, rather than copying and pasting the same/similar piece of javascript inside each button element, it would make more sense to just give them a class and access them in a single js function