How can i replace a
with a with jquery?

Question

I want to change into with jquery (so that I can link a class to ), but i have no idea how i must do that. Can anybody help me with it?

$(function() {
   $('#span').on('click', function () {
            document.execCommand('formatBlock', false, '<blockquote>');
            $('blockquote').replaceWith(function(){
                return $("<span class='bq' />", {html: $(this).html()});
            });

            var text = $('#textarea').html();
            console.log(text);
            let bq = $('#textarea').find('blockquote').first();
            console.log(bq.text());
            $('#textarea-show').html(text);
            $('textarea#answerstextarea').html(text);
        });
        console.log()

        $('.saveBtn').click(function(event) {
            event.preventDefault();
            let data = $( "div#textarea" ).html();
            $('textarea#answerstextarea').html(data);
           $('#question-create-form').submit();

        })
      
  document.getElementById('answerstextarea');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div contenteditable="true" id="textarea" name="answers" class="form-control">{!! old('answers',$task->description) !!}</div>
<textarea name="answers" id="answerstextarea"></textarea>

possibly you can have a look at this https://stackoverflow.com/questions/11707379/use-jquery-to-convert-divs-into-spans — charan kumar, Oct 03 '18 at 12:46

score 1 · Accepted Answer · answered Oct 03 '18 at 12:53

1

Did you try something like this ?

$('blocquote').replaceWith(function(){
    return $("<span />", {html: $(this).html()});
});

answered Oct 03 '18 at 12:53

RedKen

147
7

thanks that worked, but how can i ad a class to the span – Marianne Oct 03 '18 at 13:01
$('blocquote').replaceWith(function(){ return $("", {html: $(this).html()}); }); – RedKen Oct 03 '18 at 13:02
now i have the problem that it deletes the data that was in the blockquote, do you know how i can solve that problem? – Marianne Oct 05 '18 at 06:56
Can you paste the code ? Original HTML vs resulting – RedKen Oct 05 '18 at 08:53

How can i replace a with a with jquery?

1 Answers1

How can i replace a
with a with jquery?