javascript - 更改按钮上的跨度文本

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        4年前关闭。
                                                                                            
                
        
我在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 - 更改按钮上的跨度文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34072373/