克隆或在新div中附加变量?

时间:2017-12-01 15:07:09

标签: javascript jquery append clone

我有这个Html df.assign(po=df.where(df['T$QOOR']>0,0),ne=df.where(df['T$QOOR']<0,0)) Out[1355]: T$QOOR ne po 0 3 0 3 1 14 0 14 2 12 0 12 3 -6 -6 0 4 -19 -19 0 5 9 0 9

我试图仅克隆数字&#39;&#39;&#39;&#39;该div的内容显示在另一个div&#39; h2.count&#39;

我设法通过以下方式仅在警报中调用数值:

<h1 class="count" role="status">Search results 546</h1>

否则,当我尝试将其显示在div h2.count而不是警告时,它不起作用。

我试过以下内容:

var price = $('h1.count').text();
var parsedPrice = parseFloat(price.replace(/([^0-9\.])/g, ''));
     alert(parsedPrice.toFixed(0));

想到我做错了什么?

非常感谢你们!

3 个答案:

答案 0 :(得分:0)

我猜你的两个html元素是唯一的,使用id而不是类(和原生js),试试这个:

html:

<h1 id="count">Search results 541</h1>
<h2 id="onlycount"></h2>

js:

var price = document.getElementById('count').innerText;
var parsedPrice = parseFloat(price.replace(/([^0-9\.])/g, ''));
document.getElementById('onlycount').innerText = parsedPrice;

<强> https://jsfiddle.net/f3rj2bnv/

如果你想继续使用jQuery(替换&#34;#&#34;用&#34;。&#34;如果你想要或必须在你的html元素中使用类而不是id):

var price = $('h1#count').text();
var parsedPrice = parseFloat(price.replace(/([^0-9\.])/g, ''));
$('h2#onlycount').text(parsedPrice)

答案 1 :(得分:0)

.appendTo()使用的内容应为

  

“选择器表达式或动态创建的标记”

因为在你的例子中都不是,所以试试这个:

var price = $('h1.count').text();
var parsedPrice = parseFloat(price.replace(/([^0-9\.])/g, ''));
$('h2.onlycount').text(parsedPrice);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<h1 class="count" role="status">Search results 546</h1>
<h2 class="onlycount" role="status"></h1>

答案 2 :(得分:0)

可以使用text(function)

$('h2.onlycount').text(function(_, existingText){
   return existingText + $('h1.count').text().replace(/([^0-9\.])/g, '');
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 class="count" role="status">Search results 546</h1>
<h2 class="onlycount"></h2>

相关问题