Change attribute selected in contenteditable

Question

How can I change the CSS attribute? In my case font-size but not last but selected

$("#size").change(function() {
    $("div[id^=new-text]:last").css("font-size", $(this).val() + "px");
});

jsfiddle

Welcome to Stack Overflow! Please take the [tour], have a look around, and read through the [help], in particular [*How do I ask a good question?*](/help/how-to-ask) — T.J. Crowder, Oct 16 '15 at 10:49
I thought this was stackoverflow.com, not english.stackexchange.com. Give the guy a break... — Dave Salomon, Oct 16 '15 at 10:53
I think the issue is "contenteditable" in the title which is a valid attribute in HTML but doesn't seem to be remotely applicable to the question — scunliffe, Oct 16 '15 at 10:59

score 0 · Accepted Answer · answered Oct 16 '15 at 10:52

0

Keep track of the selected element. Put a click handler to set a global var to the $(this) - where $(this) is the clicked element.

var selectedText = null;
$('.image').on('click','.new-text', function(){
    selectedText = $(this);
});

$("#size").change(function() {
        selectedText.css("font-size", $(this).val() + "px");
});

http://jsfiddle.net/daveSalomon/a7qyd0na/14/

answered Oct 16 '15 at 10:52

Dave Salomon

3,287
1
17
29

thank can you look on my other problem with draggable http://stackoverflow.com/questions/33147401/selected-added-div-be-draggable?noredirect=1#comment54109017_33147401 – ArturDvorak Oct 16 '15 at 11:34

Change attribute selected in contenteditable

1 Answers1