Javascript 如何从多个项目中获取特定值<；p>；

我用Laravel制作了一个带有查询结果的列表。代码是：

            @foreach(array_chunk($result->all(), 3) as $row)
                <div class="row">
                    @foreach($row as $r)
                        <article class="post col-md-4 col-sm-6 col-xs-12">
                            <div class="post-inner">
                                <div class="content">
                                    <h3 class="post-title">{!! $r->original_name !!}</h3>
                                    <div class="meta">
                                        <ul class="meta-list list-inline">
                                            @if (Auth::check())
                                                <input type="submit" class="btn btn-primary" value="Add to watched serie" onclick="test()">
                                            @endif
                                        </ul><!--//meta-list-->
                                    </div><!--meta-->
                                </div><!--//content-->
                            </div><!--//post-inner-->
                        </article><!--//post-->
                    @endforeach
                </div>
            @endforeach

---

当我点击按钮时，警报框会给出所有原始序列名称。我不知道如何显示特定值。

将

此

上下文作为函数调用中的参数传递

HTML:

<input type="submit" class="btn btn-primary" value="Add to watched serie" onclick="test(this)">

function test(ele){
    alert($(ele).closest('.post-inner').find('.post-title').text());
}

您也可以尝试：

$(document).ready(function() {   
    $(document).on("click",".btn-primary",function() {
        alert($(this).closest('.post-inner').find('.post-title').text());
    });    
});

---

你为什么要删除那个答案？

$(document).ready(function() {   
    $(document).on("click",".btn-primary",function() {
        alert($(this).closest('.post-inner').find('.post-title').text());
    });    
});