jquery - 使用 jquery 查找我想要的 html 标签

Question

我正在使用引导程序并尝试使用加载状态来使主按钮显示“正在加载...”，然后单击下拉链接。

HTML 代码

<div class="btn-group">
  <a href="#" data-toggle="dropdown" class="btn dropdown-toggle" id="test">
    Set
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
    <li><a class="paid-today">Paid today</a></li>
  </ul>
</div>

Javascript

$(function() {
  $( ".paid-today" ).click(function() {
    var $this = $(this);
    $this.closest("a").button('loading');
  });
});

当我这样做时，下拉链接改为“正在加载...”，而不是主按钮。

Answer 1

尝试使用选择器定位按钮

$( ".paid-today" ).click(function() {
    // here
});

如果 '#test' 是您的意思，请使用

$('#test').button('loading');

或者如果你想改变你点击的那个，

$(this).button('loading');

---

我不知道您使用的是什么插件，但如果它只是一些样式链接，您可以简单地使用.text("loading");而不是.button(...

Answer 2

尝试这个

    $(function() {
       $( ".paid-today" ).click(function() {
         var $this = $(this);
         $this.closest("ul").prev().button('loading');
      });
    });