Javascript this function

Question

I want to get the href from a tag releted to that div. I'm having html structure like

    <div>
     <a>
     <button>
    </div>

Above structure in for loop, having different urls in href.

I want something like when I clicked on 1st button inside 1st div i want url in href of that div. When I clicked on 2nd div button I want url in href of 2nd div.

How do I achieve that.

`$("button").click(function() { console.log($(this).closest("div").find("a").attr("href")) });` — freedomn-m, Sep 16 '22 at 05:45

Mina · Accepted Answer · 2022-09-16T05:57:44.910

0

One solution is to give the button a class and add event listner

const buttons = document.querySelectorAll('.button');
buttons.forEach(button => {
  console.log(button)
  button.addEventListener('click', (e) => {
    const button = e.target;
    const href = button.parentNode.querySelector('a').href;
    alert(href)
  })
})

<div>
     <a href="https://www.google.com">google link</a>
     <button class="button">button</button>
</div>
<div>
     <a href="https://www.facebook.com">facebook link</a>
     <button class="button">facebook</button>
</div>
<div>
     <a href="https://www.yahoo.com">yahoo link</a>
     <button class="button">yahoo</button>
</div>

edited Sep 16 '22 at 05:57

answered Sep 16 '22 at 05:21

Mina

14,386
3
13
26

Sorry, I forgot about the selector, I just update it. – Mina Sep 16 '22 at 05:49
1

@freedomn-m, Yes, thanks for notifying me. – Mina Sep 16 '22 at 05:58
1

Thanks it works. But can u help to find the a tag if it's like section - div - section - div - a - button – Iam Developer Sep 16 '22 at 08:45
I'm happy that it worked for you, could you provide the HTML code? – Mina Sep 16 '22 at 08:50

Javascript this function

1 Answers1