如何将当前变量从 php Blade foreach 传递给 javascript？答案

【问题标题】：How to pass current variable from php blade foreach to javascript?如何将当前变量从 php Blade foreach 传递给 javascript？
【发布时间】：2016-06-14 03:35:06
【问题描述】：

所以我正在使用刀片模板，我需要获取我单击的问题的 id，但从我现在所拥有的内容来看，我一直在逻辑上得到最后一个，它位于 @foreach 的末尾。

这里是 php：

@section('content')
      <div class="kappa">
          @foreach($questions as $question)
          <p><a class= "questions">{{$question->id}}. {{$question->string}}</a></p><br>
          @endforeach
      </div>
@stop

这是脚本：

$(document).ready(function(){
    $somevar = <?php echo ($question->id) ?>;
    $(".questions").click(function(){
        $(".kappa").text($somevar);
    });
});

我如何为$somevar 分配我单击的那个@foreach 元素的id 值？

【问题讨论】：

标签： javascript php jquery foreach blade

【解决方案1】：

你可以使用data-*属性，看看data()：

<div class="kappa">
    @foreach($questions as $question)
       <p><a data-question-id="{{$question->id}}" class="questions">{{$question->id}}. {{$question->string}}</a></p><br>
    @endforeach
</div>

并使用data()检索js中的值：

$(".questions").click(function(){
    $(".kappa").text($(this).data('question-id'));
});

希望这会有所帮助。

【讨论】：