Call a boostrap .close button - alert.js

Question

I am trying to call all .close buttons in jQuery. But it's not working.

in html

<a id="clear" style="display: none;">clear</a>
<ul id="file-list">
    <li class="alert">
        <div id="file-name">file1.txt</div>
        <button class="close" data-dismiss="alert"></button>
    </li>
    <li class="alert">
        <div id="file-name">file2.txt</div>
        <button class="close" data-dismiss="alert"></button>
    </li>  
    <li class="alert">
        <div id="file-name">file3.txt</div>
        <button class="close" data-dismiss="alert"></button>
    </li>
</ul>

in jQuery,

$('#clear').click(function() {
    $(button).alert('close');
});

What I am missing? Thanks.

how can you click a with id clear if it is display none? hmmm — guradio, May 11 '16 at 03:16
guradio, it might be shown in javascript not provided here.... — Adam Erstelle, May 11 '16 at 03:17

score 0 · Answer 1 · answered May 11 '16 at 03:16

0

try:

$('#clear').click(function(e) {
    //prevent the A from doing what it would normally do
    e.preventDefault();
    //selects all buttons with close class, and click them
    $('button.close').click();
});

answered May 11 '16 at 03:16

Adam Erstelle

2,454
3
21
35

score 0 · Answer 2 · answered May 11 '16 at 03:27

0

in bootstrap you have to change data-dismiss="alert" to data-dismiss="modal"

<button type="button" class="btn btn-default " data-dismiss="modal">Close</button>

try this line

answered May 11 '16 at 03:27

muneesh Pandi

1
3

Call a boostrap .close button - alert.js

2 Answers2