“更改范围文本”按钮
Change Span Text on button
我在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('添加到心愿单');
使用.text()并检查活动类以将文本更改为Added to Wishlist
或将其返回到Request a Quote
jQuery('.addquotelistbutton').click(function(){
jQuery(this).toggleClass('active');
if(jQuery(this).hasClass('active')){
jQuery(this).text('Added to Wishlist');
}else{
jQuery(this).text('Request a Quote');
}
});
注意:您的代码
$('.addquotelistbutton').html('Added to Wishlist');
也应该工作,但您只需要使用$(this)内部点击事件
相关文章:
- 我想重定向点击,然后更改按钮文本,我该怎么做
- 使用JavaScript将标题文本替换为按钮文本
- 将按钮文本从“;喜欢“;至“;喜欢“;单击时
- 如何在jQuery mobile中更改按钮文本
- 不便更改Javascript中的按钮文本
- 为什么我的导航按钮或按钮文本不会移动到中心
- 根据单选按钮值更改提交按钮文本
- 更改按钮文本
- 按钮文本中的新行
- 在呈现 D3 SVG 对象之前更改引导按钮文本
- 制作一个“;输入“;按钮文本不可编辑
- 通过引导程序加载/重置后更改按钮文本
- 动态创建的按钮文本
- jQuery移动列表过滤:如何更改清除按钮文本
- 如何使用JavaScript在点击时更改按钮文本
- sap.m.按钮文本格式化程序
- AngularJS按钮文本不起作用
- 如何在单击时更改按钮文本
- 使用Jquery仅切换按钮文本中的ASCII字符
- TinyMCE 编辑输入值和按钮文本