gpt4 book ai didi

javascript - 使用 jquery 单击更改 div 内容和 url

转载 作者:行者123 更新时间:2023-11-30 11:48:02 24 4
gpt4 key购买 nike

我是 jquery 的新手。

我只需要单击更新 div 内容和链接 url。

我正在处理这段代码。

    <ul>
<li><a href="#">$14.50</a></li>
<li><a href="#">$15.50</a></li>
<li><a href="#">$16.50</a></li>
<li><a href="#">$20.50</a></li>
</ul>

我需要根据上面的链接点击更新 price div。

    <div class="price">$0.00</div>

<a class="buy" href="">Pay Now</a>

谢谢

最佳答案

你可以尝试类似“

$(".price").on('click', function(){
var clickedPrice = $(this).data('price');
$('#result_price').html("$" + clickedPrice);
});
<ul>
<li class="price"><a href="#" data-price="9">$9</a></li>
<li class="price"><a href="#" data-price="5">$5</a></li>
<li class="price"><a href="#" data-price="3">$3</a></li>
</ul>
<div id="result_price">$0</div>

关于javascript - 使用 jquery 单击更改 div 内容和 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40301263/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com