Question

表单点击提交后，用js修改<div></div>之间的内容？

<li>
<div>121212</div><dl><dt>12元</dt><dd><a href="#">购买</a></dd></dl>
</li>
<li>
<div>343434</div><dl><dt>43元</dt><dd><a href="#">购买</a></dd></dl>
</li>
流程是鼠标点击“购买”，然后填一个联系方式的表单，然后当填完表单提交成功后，刚才所点的“<dd><a href="#">购买</a></dd>”改为“<dd>已卖出</dd>”，其他<dd></dd>不变，应该怎么写js呢？

Answer 1

一、加onclick方法：
<li>
<div>121212</div><dl><dt>12元</dt><dd><a href="#" onclick="showText(this)">购买</a></dd></dl>
</li>
二、showText方法实现：
function showText(obj){
$(obj).parent().html("已卖出");
}

Answer 2

jquery语法:

var div=$("#divid"); //给定一个id
div.empty().html("已卖出");

Answer 3

什么页面？html还是php？