使用jQUERY更改链接后的html文本

Change html text from link after onclick with jQUERY

本文关键字：html 文本链接 jQUERY 使用更新时间：2023-09-26

简单的jquery是一种方法来改变文本在href的onclick后，特别是在一个href ?

我想做的是，一旦点击链接中的按钮，特定的单词"将变成"0.00"。请告知

my HTML:

<div class="mmenu mmenu_movie">
        <div class="mm_header">
            <ul>
                <li>游戏余额</li>
            </ul>
            <div class="mm_exit"></div>
        </div>
        <div class="be_main" id="showmethemoney">
            <ul>
                <li>EA真人:<a id="eabal">点击查询</a></li>
                <li>BBIN真人:<a id="bbinbal">点击查询</a></li>
                <li>AG真人:<a id="agbal">点击查询</a></li>
                <li>EBET平台:<a id="ebetbal">点击查询</a></li>
                <li>体育平台:<a id="sbbal">点击查询</a></li>
                <li>LB彩票:<a id="lbbal">点击查询</a></li>
                <li>KG彩票:<a id="kgbal">点击查询</a></li>
                <li>AMP时时彩:<a id="ampbal">点击查询</a></li>
                <li>棋牌游戏:<a id="chbal">点击查询</a></li>
                <li style="margin-bottom: 20px;">PT平台:<a id="ptbal">点击查询</a></li>
            </ul>
        </div>
    </div>

jQUERY:

$(".be_main a").click(function () {
                var gp = $(this);
                var act = gp.attr("id");
                $("#loading").show();
                     $("#showmethemoney a").text('0.00');
                    });
                    complete: function (XMLHttpRequest, status) {
                        $("#loading").hide();
                        if (status == 'timeout') {
                            alert("加载超时");
                        }
                    }
                });
            });

        });

您可以做的是将$(this).text('0.00')添加到click -函数中。我猜你需要一个event.preventDefault，否则你会从页面导航，永远不会看到文本的变化。

$(".be_main a").click(function (event) {
   event.preventDefault();
   var gp = $(this);
   gp.text('0.00');
})

您的gp变量将是被点击的jQuery包装锚元素，所以只需使用jQuery方法。text()来更改文本

gp.text("0.00");

演示

$(".be_main a").click(function() {
  var gp = $(this);
  gp.text("0.00");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="be_main" id="showmethemoney">
  <ul>
    <li>EA真人:<a id="eabal">点击查询</a>
    </li>
    <li>BBIN真人:<a id="bbinbal">点击查询</a>
    </li>
    <li>AG真人:<a id="agbal">点击查询</a>
    </li>
    <li>EBET平台:<a id="ebetbal">点击查询</a>
    </li>
    <li>体育平台:<a id="sbbal">点击查询</a>
    </li>
    <li>LB彩票:<a id="lbbal">点击查询</a>
    </li>
    <li>KG彩票:<a id="kgbal">点击查询</a>
    </li>
    <li>AMP时时彩:<a id="ampbal">点击查询</a>
    </li>
    <li>棋牌游戏:<a id="chbal">点击查询</a>
    </li>
    <li style="margin-bottom: 20px;">PT平台:<a id="ptbal">点击查询</a>
    </li>
  </ul>
</div>