Using jquery to find html tags I want

Question

I'm using bootstrap and trying to use loading state to make the main button to show "loading..." hen the dropdown links are clicked.

HTML codes

<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');
  });
});

When I did this, the dropdown link changed to "loading..." instead, not the main button.

your selectors are wrong. are you trying to change the text "Set" to "loading"? — krishwader
– krishwader, Commented Aug 3, 2013 at 12:08

MightyPork · Accepted Answer · 2013-08-03 12:15:09Z

2

Try to target the button with a selector in

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

If '#test' is the one you meant, use

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

Or if you want to change the one you clicked,

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

I don't know what plugin you are using, but if it's just some styled link, you can simply use .text("loading"); instead of .button(...

edited Aug 3, 2013 at 12:15

answered Aug 3, 2013 at 12:09

MightyPork

19k10 gold badges87 silver badges136 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MDEV Over a year ago

Why are you specifying a tagname with an ID? Edit: better, don't want to encourage bad habits

Romko · Accepted Answer · 2013-08-03 12:11:31Z

0

try this

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

answered Aug 3, 2013 at 12:11

Romko

1,79721 silver badges28 bronze badges

1 Comment

Romko Over a year ago

Emerson F, forget it! =)

Collectives™ on Stack Overflow

Using jquery to find html tags I want

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related