How to select dynamic id with jquery

Asked Feb 09 '21 at 07:34

Active Feb 09 '21 at 07:42

Viewed 27 times

How can I get a dynamic id from each <tr> <a> tag. I'm trying with the code below. Any help would be appreciated.

 <td>
     <a class="btn" id="product-update{{product.id}}" href="{% url 'accpack:product_update' pk=product.id %}">{{product.product_code}}</a>
 </td>

 $(document).ready(function () {
        $("div[id^='product-update']").click(function () {
            $("#collapseTwo").addClass( "show");
        });
    });

edited Feb 09 '21 at 07:42

asked Feb 09 '21 at 07:34

Abzal Ali

1

You could use `$("div[id^='product-update']")` – Carsten Løvbo Andersen Feb 09 '21 at 07:37
@Carsten Løvbo Andersen can you please take look at my updated post? Would it be like that? – Abzal Ali Feb 09 '21 at 07:43
You haven't described what the problem is. What is not working`? Also you haven't included the element for collapseTwo – Carsten Løvbo Andersen Feb 09 '21 at 08:08
1

The easiest solution is to **stop using dynamic IDs** there's no need for them and there are better solutions. `` `$(".product-update-button'")`. Classes don't mean styles. Styles use classes, the classes themselves are not styles so can be used for anything, such as identifying product update buttons – freedomn-m Feb 09 '21 at 08:51
*would it be like that* - what happened when you tried it? – freedomn-m Feb 09 '21 at 08:51

How to select dynamic id with jquery

0 Answers0