Javascript 使用jquery在单击时更改div内容和url

我对jquery非常陌生

我只需要更新div的内容和链接的网址在一次点击

在这里，我正在处理这个代码

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

我需要更新基于上述链接点击价格div

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

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

0.00美元

---

谢谢

使用

.class

选择器和

.attr（）

更改

href

$('ul > li').click(function(){
   $('.price').html($(this).text());
   $('.buy').attr('href', 'http://google.com');
});

$（'ul>li'）。单击（函数（）{
$（'.price'）.html（$（this.text（））；
$（'.buy'）.attr（'href'，'http://google.com');
});







$0.00
使用
.class
选择器和
.attr（）
更改
href

$('ul > li').click(function(){
   $('.price').html($(this).text());
   $('.buy').attr('href', 'http://google.com');
});


$（'ul>li'）。单击（函数（）{
$（'.price'）.html（$（this.text（））；
$（'.buy'）.attr（'href'，'http://google.com');
});







$0.00
您可以尝试以下方法


$（.price”）。在（'click'，function（）上{
var clickedPrice=$（此）.data（'price'）；
$（'结果价格'）.html（“$”+点击价格）；
})；





$0
您可以尝试类似以下内容


$（.price”）。在（'click'，function（）上{
var clickedPrice=$（此）.data（'price'）；
$（'结果价格'）.html（“$”+点击价格）；
});





$0
您可以基于
ul>li>a
单击更新价格div。试试下面的代码

$(document).on('click', 'ul > li > a', function(){
    $('.price').text($(this).text());
});


$（文档）。在（'click'，'ul>li>a'，函数（）{
$（'.price'）.text（$（this.text（））；
});







$0.00
您可以基于
ul>li>a单击更新价格div。试试下面的代码

$(document).on('click', 'ul > li > a', function(){
    $('.price').text($(this).text());
});


$（文档）。在（'click'，'ul>li>a'，函数（）{
$（'.price'）.text（$（this.text（））；
});







$0.00
那么你已经尝试了什么？那么你已经尝试了什么？