When I click on a div, I would like to change the text inside it to New Text.
How can I do that with jquery
$('#mydiv').????
views:
35answers:
3
+3
A:
$('#mydiv').click(function(){
this.innerHTML = "New Text";
});
crazy demo
if you have something to chain, you can do it this way,
$('#mydiv').click(function() {
$(this).html("New Text") // can include html tags, use .text() for text only.
.animate({marginLeft: '+=10'}); // chain an animation...
});
crazy demo
Reigel
2010-10-11 01:56:10
"Cwaaaazy good" — Sgt. Angel Batista
Alec
2010-10-11 02:03:17
Is there any difference between `.innerHTML` and `.html` as answered by @kchau
vinny
2010-10-11 02:03:24
@vinny - `.innerHTML` is a property of a `DOM` element while `.html` is a jQuery method. Native browser method or property is way faster than any javascript framework's method.
Reigel
2010-10-11 02:05:52
.html is forgiving of manipulating a table's contents and so forth.
wombleton
2010-10-11 02:39:33
Is there any difference between `.html` and `.innerHTML` as answered by @Reigel
vinny
2010-10-11 02:03:59
@vinny: innerHTML is faster in this case. You don't need a jQuery object to change all contents directly, it's a simple task.
BrunoLM
2010-10-11 02:06:05
In either case, the performance difference is negligible... I just used jQuery because that's what your question asked for.
kchau
2010-10-11 02:12:07
+2
A:
Bind an event and handle it:
$('#mydiv').click(function() {
$(this).html("New Text");
});
Or use bind
$('#mydiv').bind("click", function() {
$(this).html("New Text");
});
Or live
$('#mydiv').live("click", function() {
$(this).html("New Text");
});
References
BrunoLM
2010-10-11 02:01:02