更改另一个div的情况与另一个div与另一个divs

问题描述：

当我点击我最喜欢的按钮时，命名id = content的div的内容更改为我最喜欢的代码与另一个divs。我不知道我应该使用jQuery的Ajax或什么？这是我的代码：我不知道我做了什么才能明白我的观点。更改另一个div的情况与另一个div与另一个divs

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="lib/js/external/_oldies/jquery-1.3.min.js"></script> 
<script type="text/javascript"> 
//what should i write here? 

}); 
}); 
</script> 

<style> 


<body> 
<div class="header"> 
<div class="logo"> 
<strong>MERAJ GAZ<span>branch num2</span> </strong> 

</div> 
</div> 
<div class="wrapper"> 
<div class="menu"> 
<ul> 
<li> 
<a id="product">product</a> 
</li> 
<li> 
adress 
</li> 
<li> 
our succsess 
</li> 
<li> 
contact us 
</li> 
</ul> 
</div> 
<div class="clear-fix"> 
</div> 
<div class="content" > 
<div class="meraj"> 
<img src="absolute.png" /> 
</div> 
<div id="content"> 
<img id="img" src="IMG_0375.JPG" width="822" height="400" style="-moz-border-radius: 15px;border-top:none;"/> 
</div> 
</div> 
<div class="clear-fix"> 
</div> 
</div> 
</div> 
</div> 
</body> 
</html>

答

//include jQuery to your page. 
<a href="#" id="aFavourite" > Favorite <a/> 
<div id="divDescr"></div> 

<script type="text/javascript"> 

$(function(){ 

    $("#aFavourite").click(function(){ 
    $("#divDescr").html("<p>Some other content loaded now</p>"); 
    }); 

})

如果要加载从服务器页面的一些内容，你可以使用jQuery的AJAX调用与使用load功能

$("#aFavourite").click(function(){ 
    $("#divDescr").load("myserverpage.php"); 
    });

坦这样做

例我的朋友，但我想加载我最喜欢的div上的另一个内容 – 2012-03-20 10:25:00

@babakfaghihian：在该div中做同样的事情。 – Shyju 2012-03-20 11:16:18

tanx我的朋友，我想在我的div中slideshow可以帮助我吗？ – 2012-03-20 17:23:49

答

也许你想要类似的东西？当我点击按钮，一个div的内容发生变化：

http://jsfiddle.net/mhtdA/

ID为“按钮”元素基本上我打电话的功能。点击（），然后替换该分区的现有的HTML内容。

更改另一个div的情况与另一个div与另一个divs

相关推荐