Jquery: execute function without event

Question

I want to execute some functions on a selected element $(selected), using this as the selector.

$(external).click(function(){
  //relevant code below
  $(selected).????(){
    console.log($(this).html()); //i.e.
    console.log($(this).height()); //i.e.
  }
});

Basically, I don't know what to put for in place of ???? above. Any ideas?

Edits * reworded question, and added sample code for clarity.

$(document).ready(function(){ //code to be fired on page load }); — minikomi
– minikomi, Commented Jun 8, 2011 at 5:01
Not sure I understand. Do you mean just executing a JavaScript function or do you mean execute a function on a set of elements returned from a jquery selector? — joekarl
– joekarl, Commented Jun 8, 2011 at 5:03
Can you explain in more detail? When do you want your function to be executed? — Genzer
– Genzer, Commented Jun 8, 2011 at 5:04

joekarl · Accepted Answer · 2011-06-08 05:07:38Z

9

If you want to execute a function after the page is loaded with jquery you can do it like

$(function(){
    //code
});

Or if you want it executed right away:

(function(){
    //code
}());

answered Jun 8, 2011 at 5:07

joekarl

2,11814 silver badges23 bronze badges

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

Comments

doctororange · Accepted Answer · 2011-06-08 11:35:58Z

5

I think you're after .each()

$(external).click(function(){
  //relevant code below
  $(selected).each(function(){
    console.log($(this).html()); //i.e.
    console.log($(this).height()); //i.e.
  });
});

Doc: http://api.jquery.com/each/

answered Jun 8, 2011 at 11:35

doctororange

11.8k12 gold badges44 silver badges58 bronze badges

Comments

minikomi · Accepted Answer · 2011-06-08 11:30:49Z

1

Using external as the element:

<div id="external">
    <div id="internal">
        inner
    </div>
</div>

Then for original element:

$(document).ready(function(){
var external = $("#external");
    external.click(function(){
      var selected = $(this);
        console.log(selected.html()); //i.e.
        console.log(selected.height()); //i.e.
      });
});

Or element contained within:

$(document).ready(function(){
var external = $("#external");
    external.click(function(){
      var selected = $(this).find("#internal");
        console.log(selected.html()); //i.e.
        console.log(selected.height()); //i.e.
      });
});

answered Jun 8, 2011 at 11:30

minikomi

8,5233 gold badges47 silver badges52 bronze badges

Collectives™ on Stack Overflow

Jquery: execute function without event

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related