Отправить placeholder переменную

79
15 сентября 2021, 19:30

Есть код

 Quagga.onDetected(function(result) {
        var code = result.codeResult.code;
        if (App.lastResult !== code) {
            App.lastResult = code;
            var $node = null, canvas = Quagga.canvas.dom.image;
            $node = $('<li><div class="thumbnail"><div class="imgWrapper"><img /></div><div class="caption"><h4 class="code"></h4></div></div></li>');
            $node.find("img").attr("src", canvas.toDataURL());
            $node.find("h4.code").html(code);
            $("#result_strip ul.thumbnails").prepend($node);
        }

в html выводится в теги результат

<div id="result_strip">
        <ul class="thumbnails"></ul>
        <ul class="collector"></ul>
      </div>

здесь получается некое число

<h4 class="code">2423542355</h4>

сейчас хочу заменить h4 на <input type="text" placeholder=></input> что нужно поправить в строке $node.find("h4.code").html(code); чтоб в input был предварительное число?

Answer 1
    $node = $('<li><div class="thumbnail"><div class="imgWrapper"><img /></div><div class="caption"><input type="text" class="code" placeholder=""></input></div></div></li>');
    $node.find("img").attr("src", canvas.toDataURL());
    $node.find("input.code").attr("placeholder", code);
Answer 2

$('h4').click(function () { 
  var $this = $(this) 
  $this.replaceWith($('<input>').prop('placeholder', $this.text())) 
})
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
<h4 class="code">2423542355</h4>

READ ALSO
Отскакивание движущегося тела от стен внутри другого движущегося тела. Js

Отскакивание движущегося тела от стен внутри другого движущегося тела. Js

Мне надо, чтобы, когда шарик попадёт внутрь квадрата, он двигался внутри, постоянно отскакивая от стен квадратаВот набросок моего кода:

94
Прокрутить страницы вниз jquery после загрузки страницы

Прокрутить страницы вниз jquery после загрузки страницы

где ошибся? после полной загрузки страницы, нужно прокрутить ее вниз до id

72