Skip to main content

How do I remove multiple href links via the ID with jquery?

Image
By User



I'm having issues removing several of my href links that all have the same ID. Here is my code snippet:







$('.delblk').click(function(e) {

        e.preventDefault();



        var id = $(this).attr('id').substr(7);



        $.getJSON("../ajax_blocked.php?op=delete&id="+id, function(data) {

        if (data) {



            $("#delblk_"+id).each(function() {

                $(this).remove();

            });

        }

    });







My HTML looks like this:







<a href="sent.php" id="delblk_7" class="delblk" ><span class="label label-important">Unblock</span></a>

<a href="sent.php" id="delblk_7" class="delblk" ><span class="label label-important">Unblock</span></a>

<a href="sent.php" id="delblk_8" class="delblk" ><span class="label label-important">Unblock</span></a>







It's only removing the first href link and not both of them. What am I missing?


Labels:

Comments

  1. Tips For AllFebruary 13, 2012 at 6:55 AM

    Description

    The problem is that a id must be unique in your document, use the class attribute instead.

    So you cant use the id (#) selector.

    But you can use the Attribute Equals Selector to iterate through your elements, check my sample and this jsFiddle Demonstration


    w3c The id attribute specifies a unique id for an HTML element (the id attribute value must be unique within the HTML document).


    Sample

    $("a[id='delblk_"+id+"']").each(function() {
    // ...
    });


    More Information


    jQuery - Attribute Equals Selector
    w3c - ID Attribute
    jsFiddle Demonstration

    ReplyDelete
  2. Tips For AllFebruary 13, 2012 at 6:55 AM

    You can never ever have multiple elements with the same id, use class instead of id


    Each id value must be used only once within a document. If more than one element has been assigned the same ID, queries that use that ID will only select the first matched element in the DOM. This behavior should not be relied on, however; a document with more than one element using the same ID is invalid.


    docs

    Do you have the same id like you brother, father or everyone else in your country?
    Each HTML page is like a country, and id is ummm like id... must be unique.

    ReplyDelete

Post a Comment

Popular posts from this blog

Why is this Javascript much *slower* than its jQuery equivalent?

By User
I have a HTML list of about 500 items and a "filter" box above it. I started by using jQuery to filter the list when I typed a letter (timing code added later): $('#filter').keyup( function() { var jqStart = (new Date).getTime(); var search = $(this).val().toLowerCase(); var $list = $('ul.ablist > li'); $list.each( function() { if ( $(this).text().toLowerCase().indexOf(search) === -1 ) $(this).hide(); else $(this).show(); } ); console.log('Time: ' + ((new Date).getTime() - jqStart)); } ); However, there was a couple of seconds delay after typing each letter (particularly the first letter). So I thought it may be slightly quicker if I used plain Javascript (I read recently that jQuery's each function is particularly slow). Here's my JS equivalent: document.getElementById('filter').addEventListener( 'keyup', function () { var jsStart = (new Date).getTime()...
3 comments
Read more

Is it possible to have IF statement in an Echo statement in PHP

By User
Thanks in advance. I did look at the other questions/answers that were similar and didn't find exactly what I was looking for. I'm trying to do this, am I on the right path? echo " <div id='tabs-".$match."'> <textarea id='".$match."' name='".$match."'>". if ($COLUMN_NAME === $match) { echo $FIELD_WITH_COLUMN_NAME; } else { } ."</textarea> <script type='text/javascript'> CKEDITOR.replace( '".$match."' ); </script> </div>"; I am getting the following error message in the browser: Parse error: syntax error, unexpected T_IF Please let me know if this is the right way to go about nesting an IF statement inside an echo. Thank you.
5 comments
Read more