javascript - 如何从多个 中获取特定值

Question

我已经用 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

当想要将一个系列添加到“已观看的系列”时，调用函数 test() :

function test(){
    alert($('.post-title').text());
}

当我点击按钮时，警告框会给我所有原始系列名称。我不知道如何显示具体值。

Answer 1

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

HTML:

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

JS:

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