javascript - 如何包装包含动态加载值的字符串

Question

我看不出我的逻辑错误，也许你会帮助我

我现在已经拿到了

$(document).ready(function() { 
  var str = $('#formElements').text();
  str = str.slice(104,112);
  alert(str);
  $('#formElements:contains('+ str +')').load(function(){
			$(this).html().replace(str, '<div class="price-cal-check">'+str+' <span id="priceout"></span>zł</div>');
  });
});

form {
  display: block;
  float: left;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<form  method="post" name="form" action="javascript:void(0);">
<div id="formElements" style="float:right; min-height: 280px; margin-left: 20px; width: 575px;">
 <table>
  <tbody>
   <tr>
    <td>Quantity:</td>
    <td>Paper type:</td>
   </tr>
   <tr>
    <td><input name="amount" value="1" type="text"></td>
    <td> <select name="paper">
          <option value="1">250 gsm</option>
         </select>
    </td>
   </tr>
  </tbody>
 </table>
 
 Price: $
 
 <br>
 <input class="submitToCart" name="addCart" value="Add to cart" role="button" aria-disabled="false" style="margin-top: 4px;" type="submit">
</div>
</form>

<span id="priceout">27,00</span>的值在使用 jQuery 加载页面后动态生成。

所以 str 的输出看起来像这样 Price: $

我想做的就是把整个字符串Price: <span id="priceout">27,00</span>$进入div。但我的代码不起作用

我做错了什么？

Answer 1

如果由我决定，我宁愿将 Price: 包装在 div 中，给它一个 ID，然后在其后面附加如下值:

<div id="price"> Price: </div>

在你的函数中

$('#price').append('<span id="priceout">27,00</span>$');

希望有帮助。