<分区>
我在 Wordpress 中使用一个简码来生成这个按钮。
下面的代码是由短代码生成的,我试图在不更改这部分代码段的任何部分的情况下更改文本。
<div id="" class="addquotelistlink">
<div class="quotelistadd">
<span class="dvin_wcql_shopbtn_wrap">
<button rel="nofollow" data-product_id="4246" data-product_sku="D410104" data-quantity="1" type="button" class="button alt addquotelistbutton product_type_simple">Request a Quote</button></span>
<span class="dvin_wcql_shopbtn_ajaxico_wrap"><img style="display: none;border:0; width:16px; height:16px;" src="#" class="ajax-loading-img ajax-loading-img-bottom" alt="Working..."></span>
</div>
<div class="quotelistaddedbrowse" style="display:none;">
<a href="#">In Quotelist</a>
</div>
<div class="quotelistexistsbrowse" style="display:none;;"><a href="#">In Quotelist</a></div>
<div style="clear:both"></div>
<div class="quotelistaddresponse"></div>
</div>
现在我想在按下按钮时添加一些 onclick
效果。因此,当单击按钮时,我希望它更改颜色和文本。我已经想出了如何更改颜色,我只需要更改文本方面的帮助。我一直在寻找不同的 jquery 方式,但我无法弄清楚。所以现在我有这样的东西。
所以当 toggleClass 'active' 被激活时,它会执行 css 类。
<script>
jQuery('.addquotelistbutton').click(function(){
jQuery(this).toggleClass('active');
});
</script>
//CSS
.addquotelistbutton.active {
background-color: red;
}
现在有人可以帮我更改跨度文本吗?我尝试了以下但没有用。
$('.addquotelistbutton').html('Added to Wishlist');