2011-04-18 215 views
0

我希望能夠將某個文本從一個div複製到另一個div。將某個文本從一個div複製到另一個div

該文本是從一個Wordpress插件生成的,它生成2個不同的div,其中1個被調用.voting不活動,另一個被稱爲.voting。

生成的文本是基於評分的,它看起來是這樣的:評分4.5/5,我只想採取4.5或任何投票生成,並將其複製到一個div來很好地顯示結果。

任何幫助將是偉大的。

+0

您好保羅,頭腦改變你的顯示名稱,而它的WordPress插件的問題? – 2011-04-18 11:55:20

回答

0

一個例子

HTML

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

腳本

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

試試這個:

var vote = $(".voting").text().split("/")[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

設法得到它working-感謝所有的答案:-)

<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> 
0
<a class="hello">Copy It</a> 
<a class="goodbye"></a> 


(function($) { 
    $('.hello').click(function() { 

     $(this).clone().appendTo(".goodbye"); 
    }); 
})(jQuery); 
相關問題