替换锚标记文本后，它被点击而不删除css - Replacing anchor tag text after it is clicked without removing css

Replacing anchor tag text after it is clicked without removing css

本文关键字：css 删除文本替换 | 更新日期: 2023-09-27

我正在改变锚标记文本，一旦它是使用jquery点击(replaceWith)，它的工作很好。但是它也替换了锚标记文本的css。

谁能帮助我如何不替换css或再次添加它。

我的html如下:

<div class="col-xs-12 col-md-12" >
    <a class="btn btn-lg btn-success deal" target="_blank" style="width:100%;background:#b71c1c;" rel="nofollow, noindex" 
       href="<?= $coin["link"]; ?>" >
        <b>Get Offer</b>
    </a>
</div>

和代码:

$(document).ready(function(){
   $('.deal').click(function(){
       $(this).replaceWith("<?php echo $coin['coupon_code']; ?>");
  });
});

如果<?php echo $coin['coupon_code']; ?>包含html标签则使用

$(this).find('b').html('<?php echo $coin['coupon_code']; ?>');

或者如果是纯文本则使用

$(this).find('b').text('<?php echo $coin['coupon_code']; ?>');

如果你不想要粗体删除.find('b')

如果你只想替换内部<b>标签的内容，这是你最好的选择:

$('.deal').click(function(){
   $(this).find('b').text('<?php echo $coin['coupon_code']; ?>');
});

试试这个，你只需要改变文本。

 $(this).html("<?php echo '<b>'.$coin['coupon_code'].'</b>'; ?>");