将某个文本从一个div复制到另一个div

时间:2011-04-18 11:52:32

标签: jquery wordpress

我希望能够将某个文本从一个div复制到另一个div中。

文本是从Wordpress插件生成的,它生成2个不同的div,以下类1称为.voting非活动,第二个称为.voting。

生成的文本是基于评级的,它看起来像:评分4.5 / 5,我只想采取4.5或生成的任何投票,并将其复制到div中以很好地显示结果。

任何帮助都会很棒。

5 个答案:

答案 0 :(得分:2)

我和@Starx在这一个。但为了更清楚一点:

<div>
    Rating
    <span id="average">4.5</span>/
    <span id="highest_possible">5</span>
</div>

<div id="target">
    <!-- This could be any element -->
</div>

然后是JS

$(document).ready(function() {
   $("#target").html($("#average").html());
});

希望有所帮助!

答案 1 :(得分:1)

管理让它工作 - 感谢您的所有答案: - )

<html>
<head>

<style type="text/css">
#target-rating{font-size:30px; text-align:center; font-weight:bold;}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.js"></script>

<script type="text/javascript">
/*$(document).ready(function() { 
       //var arrayOne = $('.voted').html().split('/');
       var arrayOne = $('div[class*="voted"]').html().split('/');
       var arrayTwo = arrayOne[0].split(' '); // arrayTwo[1] contains ie: 4.4
       $('#target-rating').html(arrayTwo[1]);
});*/
</script>

<script type="text/javascript">
// This works for 2 divs
$(function() {
      var rating = $('div.inactive,div.voted inactive').text().replace(/^.*: ([\d\.]+).*$/, '$1'); // Extract the rating
      $('#target-rating').text(rating); // And copy
});
</script>

</head>
<body>
<div id="target-rating"></div>

<!-- Example divs -->
<div class="inactive" id="gdsr_mur_text_796_1">Rating: 4.4/<strong>5</strong> (5 votes cast)</div>
<div class="voted inactive" id="gdsr_mur_text_796_1">Rating: 5.0/<strong>5</strong> (5 votes cast)</div>

</body>
</html>

答案 2 :(得分:0)

一个例子

HTML

<div id="this">Sometext</div>
<div id="that"></div>

脚本

$(document).ready(function() {
   $("#that").html($("#this").html());
});

答案 3 :(得分:0)

试试这个:

var vote = $(".voting").text().split("/")[0];

答案 4 :(得分:0)

<ul class="test">
    @foreach($categories as $category)
        @php
        if($loop->first)
            $category_id = $category->id
        @endphp
    @endforeach
</ul>