2013-03-13 61 views
0

所以我有一个功能,其中一个div的文本替换另一个, 我得到的代码工作正常,但我不知道是否有一个很好的动态方式来抽象代码,所以我得到一个较短的代码片段,因此我不必一遍又一遍地重复每个“对”的div的代码?从其他链接替换文本内容的链接 - 抽象代码

我的JS:

var correctAnswer1 = $('#q1').text();    
    $('#c1').text(correctAnswer1); 

    var correctAnswer2 = $('#q2').text();    
    $('#c2').text(correctAnswer2); 

    var correctAnswer3 = $('#q3').text();    
    $('#c3').text(correctAnswer3); 

回答

1

如果媒体链接知道对数你coud做这样的事情:

var numberOfQuestions = 5; 

for(i = 0; i < numberOfQuestions; i++) 
{ 

    var answer = jQuery("#q"+i).text(); 

    jQuery("#c"+i).text(answer); 

} 
1

给所有#qN元素question类。

$(".question").each(function() { 
    var cid = "#c"+$(this).attr("id").substr(1); 
    $(cid).text($(this).text()); 
}); 
0

我这个这将工作

function setTxtVal(id){ 
if(typeof id == "string"){ 
var sec = id.charAt(id.length - 1); 
$("#c"+sec).text($("#"+id).text()) 
} 
if(typeof id == "object"){ 
var x ,s; 
for (x in id) { 
var s = x.charAt(x.length - 1); 
$("#c"+s).text($("#"+x).text())  
} 
} 

setTextVal("c1") 

setTextVal(["c1", "c3", "c4"]) 

或U可以让一个jQuery插件

0
$('[id^=q]').each(function(index){ 
    $('#c' + index).html($(this).html()); 
}); 

Somtething这样