Wie referenziere ich Daten aus einem übergeordneten Element mit jQuery?

Question

Ich möchte auf die data-post-id eines übergeordneten div verweisen, wenn ich auf einen Anker klicke:

<div data-post-id="5">
 <a data-vote-type="1">Like</a>
 <a data-vote-type="2">Dislike</a>
</div>

Um den Abstimmungstyp zu referenzieren, kann ich dies tun:

var voteData = '&voteType=' + $(this).data('vote-type')

Ich möchte aber auch die Post-Id in die voteData var. Ich bin mir jedoch nicht sicher, wie ich das machen soll. Ich habe mehrere Beiträge auf der Seite, jeder mit seinen eigenen Like/Dislike-Buttons!

Answer 1

Sie suchen nach $(this).parent() .

Wenn Sie einen bestimmten Vorfahren benötigen, sollten Sie $(this).closest('selector') der den innersten Vorfahren findet, der mit einem Selektor übereinstimmt.

Answer 2

var voteData = '&voteType=' + $(this).data('vote-type') + '&postId=' + $(this).parent().data('post-id');