php - jquery获取最近元素的所有值

Question

<ul><li class="rjust">
    <a href="#" class="edit-video-lightbox" id="4f80a4b5">Edit</a>
    <input type="hidden" class="video_title" value="test123">
    <input type="hidden" class="video_description" value="Sample Description">
    <input type="hidden" class="video_tags" value="Adjust">
    <input type="hidden" class="video_tags" value="TXV">
</li>

<li class="rjust">
        <a href="#" class="edit-video-lightbox" id="235235">Edit</a>
        <input type="hidden" class="video_title" value="another_test">
        <input type="hidden" class="video_description" value="descriptme agian">
        <input type="hidden" class="video_tags" value="tag1">
        <input type="hidden" class="video_tags" value="tag2">
</li></ul>

当我点击 href 的“编辑”时，我想获取离它最近的“video_tags”类的所有值。
例如，当第一个“编辑”被点击时(id =“4f80a4b5”)，我想获得“video_tags”的所有值，即“调整”，“TXV”。
另一方面，当我点击另一个“编辑”(id="235235")时，我应该得到的所有“video_tags”的值都是“tag1”，“tag2”，因为它显然很接近它。

请注意“video_tags”类是灵活的，它可以有很多类，我的示例每行只有 2 个 video_tags。

请帮我解决这个问题。
任何帮助将不胜感激和奖励!谢谢:)

Answer 1

你可以试试这个

var tags;
$(".edit-video-lightbox").click(function() {
    tags = [];
    $(this).siblings('.video_tags').each(function() {
          tags.push($(this).val());
    }); 
});