How to get the click event values outside the function in jQuery

Question

How can I get the onclick event (this value change when click on div) in jQuery?

$("ul li").click(function(){
  var v = $(this).val();
});

$(function(){
  alert(v);
});

Answer 1

$(function() {

    var v;

    $('ul li').click(function() {
        v = $(this).val(); // .text() - consider
        testFunction();
    });

    function testFunction() {
        alert(v);
    }

});

Your issue was variable scope, you were defining a variable only available to the click function. If you define it outside of the function it will be available to other in scope functions.

Here's a demo:

http://jsfiddle.net/vs87B/

You might want to consider using .text() instead of .val()

Answer 2

as I understand that you want to change the text of a div

your div is as follow

 <div>123</div>

you can do it as

<script>

$("div").click(function () {
 $(this).replaceWith( "new text " );
});
</script>

EDIT you can use global variable as follow

 $.mynamespace = {};
$("ul li").click(function(){
       $.mynamespace.myVar  = $(this).val();
});

$(function(){
  alert( $.mynamespace.myVar );
});

refer How to store a global value (not necessarily a global variable) in jQuery?

Answer 3

If what you mean getting the innerHTML of the div when clicked, here is a code that could help

$("div").click(function(){console.log($(this).html())})