jQuery Change Html Content

Question

I have the following HTML5 content:

<section contenteditable="true" id="editable" class="ui-selectee ui-selected">
<span>something</span>
<span>something</span>
<span>something</span>
</selection>

I have a toggle function that turns on edit mode. I want to make the contenteditable="true" or contenteditable="false" on that toggle function. I've it would be easy if I would have to change a class or ID. Ive tryed to .html the #edit or append but I was unable to.

Any tips on changing contenteditable="true" to contenteditable="false" ? Thanx

tomk · Accepted Answer · 2010-03-08 21:07:20Z

3

You are going to want to use the attr() function.

To set the value to true:

attr("contenteditable", "true");

answered Mar 8, 2010 at 21:07

tomk

6821 gold badge6 silver badges10 bronze badges

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

Comments

Svante Svenson · Accepted Answer · 2010-03-08 21:22:28Z

1

....

$('selector').click(function(){
  $('#editable').attr('contenteditable', false);
});

You can use the if-else condition to check its current status and set the required on accordingly using:

$('#editable').attr('contenteditable', false); // or true

edited Mar 8, 2010 at 21:22

Svante Svenson

12.5k4 gold badges44 silver badges46 bronze badges

answered Mar 8, 2010 at 21:09

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Collectives™ on Stack Overflow

jQuery Change Html Content

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related