使用jQUERY onclick后,从链接更改html文本

时间:2016-09-24 07:46:26

标签: javascript jquery html

简单的jquery是一种在href li中点击特定内容后更改href文本的方法吗?

我想做的是,一旦点击了按钮,就会点击"点击查询"将改为" 0.00"。请建议

我的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("加载超时");
                        }
                    }
                });
            });


        });

2 个答案:

答案 0 :(得分:1)

您可以做的是将$(this).text('0.00')添加到click - 功能中。我想你需要一个event.preventDefault,否则你会离开页面而永远不会看到文字的变化。

$(".be_main a").click(function (event) {
   event.preventDefault();

   var gp = $(this);
   gp.text('0.00');
})

答案 1 :(得分:1)

您的gp变量将是单击的jQuery包装锚元素,因此只需使用jQuery方法.text()来更改文本

gp.text("0.00");

演示

&#13;
&#13;
$(".be_main a").click(function() {
  var gp = $(this);
  gp.text("0.00");
});
&#13;
<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>
&#13;
&#13;
&#13;