Home/ Questions/Q 8468429
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T15:55:47+00:00

Take for example a html like the following: <html> <head> <title></title> </head> <body> <div>

  • 0

Take for example a html like the following:

<html>
    <head>
       <title></title>
   </head>
   <body>
       <div>
             <a class="delete-btn"></a>
       </div>
       <ul>
          <li>
          <div>
               <div>
                    <a data-record-id="9">I need to grab this, from a click on 'delete-btn'</a>
               </div>
          </div>
          </li>
       </ul>
   </body>
<html>

I need to add a click event to the item a that has the class ‘delete-btn’, and grab the data-record-id from the <a></a> that has the data-record-id of 9. This can and will change, and assume I have no possibility of adding the data-record-id to the original delete button.

Basically, I have a list of vitals signs for a date, I want to give the user the ability to delete all signs for a date. All children of the date label will have the same record id, which I need to grab.

Any and all help is greatly appreciated.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use

    $(this).parent().next().find('a')

    I don’t know why do you get that error.

    See http://jsfiddle.net/3Zkz9/

    $('.delete-btn').click(function(){
    var $a=$(this).parent().next().find('a');
    alert($a.attr('data-record-id')); // gives 9
});
    • 0