Question

当我点击我最喜欢的按钮时，我想要将名为id = content的div的内容更改为我最喜欢的代码与另一个div。我不知道我应该使用jquery Ajax还是什么？这是我的代码：我不知道到底是怎么回事。

    <!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>

Answer 1

//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");
  });

Answer 2

也许你想要这样的东西？单击按钮时，div的内容会发生变化：

http://jsfiddle.net/mhtdA/

基本上我正在调用id为“button”的元素的函数.click（），然后替换该div的现有html内容。

使用另一个div将div的内容更改为另一个代码

2 个答案: