jQueryでonclick関数を使用してクラス内に@ifと@foreachを追加する方法

Question

ユーザーがドロップダウンボックスから項目を選択するたびに、クラス内にifとforeachステートメントを追加したいと思います。
内部添加されなければならないタグ​​がある：

• @if($article->tags)
• @foreach($article->tags as $articletag)
• @if($articletag->tag == $(this).text())
  
  

$(this).text()ユーザがdropdownboxをクリックするテキストです。このifとforeachの目的は、ユーザーがドロップダウンボックスからアイテムを選択するたびにfiltername($this.text())に基づいてテーブルをフィルタリングすることです。どうすればいいのですか？

HTMLコンテンツのJavaScriptを実行する前に：

<div class="content"> 
@if($articles) 
    @foreach($articles as $article) 
     <div class="row article art-content"> 
      <div class="col-xs-12 col-md-6 hidden-xs hidden-sm"> 
       <a href="{{ url('article/'.$article->category->slug.'/'.$article->slug) }}"> 
        <img src="{{ url('image').'/'.$article->featured_image }}?w=460&h=267&fit=crop" alt="" class="img-responsive"/> 
       </a> 
      </div> 
      <div class="col-xs-12 col-md-6 hidden-md hidden-lg"> 
       <a href="{{ url('article/'.$article->category->slug.'/'.$article->slug) }}"> 
        <?php $image = $article->mobile_image != null ? $article->mobile_image : $article->featured_image; ?> 
        <img src="{{ url('image').'/'.$image }}?h=imageHeight" alt="" class="img-responsive"/> 
       </a> 
      </div> 
      <div class="col-xs-12 col-md-6"> 
       <h3 class="article-title"> 
        <a href="{{ url('article/'.$article->category->slug.'/'.$article->slug) }}"> 
         {{ $article->title }} 
        </a> 
       </h3> 
       <span>Published on: {{ date('M d, Y', strtotime($article->published_on)) }}</span> 
       <div class="spacer20"></div> 
       <a href="{{ url('article/'.$article->category->slug.'/'.$article->slug) }}" class="btn btn-primary">Read Article <i class="fa fa-chevron-right fa-fw"></i> </a> 
      </div> 
     </div> 
     <hr/> 
    @endforeach 
    <div class="text-center"> 
     {!! $articles->render() !!} 
    </div> 
@else 
<div class="row spacer50 text-center"> 
    <div class="col-xs-12 spacer50"> 
     <h4>The key you entered does not match any articles. <br/>Please click <a href="{{ url('articles') }}">here</a> to see a list of all available articles.</h4> 
    </div> 
</div> 
@endif 

HTMLコンテンツのJavaScriptが実行されます。

<div class="content"> 
@if($articles) 
    @foreach($articles as $article) 
     @if($article->tags) //added line 
      @foreach($article->tags as $articletag) //added line 
       @if($articletag->tag == 'whatever text the dropdown clicks') //added line 
       <div class="row article art-content"> 
        <div class="col-xs-12 col-md-6 hidden-xs hidden-sm"> 
         <a href="{{ url('article/'.$article->category->slug.'/'.$article->slug) }}"> 
          <img src="{{ url('image').'/'.$article->featured_image }}?w=460&h=267&fit=crop" alt="" class="img-responsive"/> 
         </a> 
        </div> 
        <div class="col-xs-12 col-md-6 hidden-md hidden-lg"> 
         <a href="{{ url('article/'.$article->category->slug.'/'.$article->slug) }}"> 
          <?php $image = $article->mobile_image != null ? $article->mobile_image : $article->featured_image; ?> 
          <img src="{{ url('image').'/'.$image }}?h=imageHeight" alt="" class="img-responsive"/> 
         </a> 
        </div> 
        <div class="col-xs-12 col-md-6"> 
         <h3 class="article-title"> 
          <a href="{{ url('article/'.$article->category->slug.'/'.$article->slug) }}"> 
           {{ $article->title }} 
          </a> 
         </h3> 
         <span>Published on: {{ date('M d, Y', strtotime($article->published_on)) }}</span> 
         <div class="spacer20"></div> 
         <a href="{{ url('article/'.$article->category->slug.'/'.$article->slug) }}" class="btn btn-primary">Read Article <i class="fa fa-chevron-right fa-fw"></i> </a> 
        </div> 
       </div> 
       <hr/> 
       @endif 
      @endforeach 
     @endif 
    @endforeach 
    <div class="text-center"> 
     {!! $articles->render() !!} 
    </div> 
@else 
<div class="row spacer50 text-center"> 
    <div class="col-xs-12 spacer50"> 
     <h4>The key you entered does not match any articles. <br/>Please click <a href="{{ url('articles') }}">here</a> to see a list of all available articles.</h4> 
    </div> 
</div> 
@endif 

はJavaScript：

を

Answer 1

Laravel Bladeテンプレートエンジンを使用しているように見えますが、サーバーにコンパイルされています。 JavaScriptで変更することはできませんでした。それらを一緒に使うことはできませんでした。

このようなコードは、ので、あなたの必要性を達成することはできません

@if($articletag->tag == $(this).text()) 

間違っています。たぶんあなたは別の方法を見つけるためにあなたの思考を変更する必要があります。