CODEWITHSUNDEEP
javascriptjquery
Andrew Bro
Andrew Bro

Reputation: 491

detect element where the function was called from

I need to know where my jQ function was called from...

In head:

function call_pl2(){
    $(this).text('some text');
}

in Body:

<p> <script> call_pl2();  </script> </p>
<!--              OR                 -->
<div> <script> call_pl2();  </script> </div>

Upvotes: 1

Views: 158

Answers (2)

twernt
twernt

Reputation: 20601

Instead of trying to determine which element contains the the script tag (and, by extension, a particular call to call_pl2()) you could explicitly pass the containing element to call_pl2() as a parameter:

$(function() {

  var call_p12 = function(element) {
    if ($(element).is('p')) {
      $(element).text('here is some text added to a paragraph');
    }
    if ($(element).is('div')) {
      $(element).text('here is some text added to a div');
    }
  }

  $('div, p').each(function() {
    call_p12($(this));
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<p></p>
<div></div>

It would be relatively easy to modify the call_p12() function to swap in a more specific selector in the jQuery is(). For example is('.someclass') to check for a class value instead of a tag name.

Upvotes: 1

Nick
Nick

Reputation: 156

I got your point, I'm afraid you cannot get from the function the element that your js function is there, but each time that your function is called you can use another function and search your html content to see where this function is inside. I assume that this function is called ones from the html code when this is loaded.

Upvotes: 1

Related Questions