如何在laravel中使用jquery获取循环内部的动态值

时间:2017-12-31 11:23:44

标签: javascript php jquery laravel-5

始终获得相同的id。我希望每次新的p更改时,都会在foreach代码ID属性中获取动态值。当我点击id时,我想要id

Read More

以下是<div class="carousel-inner"> @foreach($news as $new) <div style="display:none" class="newsID" id="{{$new->id}}"></div> <div class="item"> <h2>{{ $new->title }}</h2> </div> @endforeach <p><a href="javascript:;" id="readmore-btn" class="read-more">Read More</a></p> </div> 代码:

jQuery

1 个答案:

答案 0 :(得分:0)

如果您的意思是希望获得最后 .newsID元素的id属性,那么:

$(document).on('click','.read-more',function(){
    var data = $(this).closest('.carousel-inner').find(".newsID").last().attr("id");
    alert(data);
});

无需在容器上放置临时ID,只需使用find在其中进行搜索,然后使用last获取最后一个匹配,然后attr从中获取ID。

直播示例:

&#13;
&#13;
$(document).on('click','.read-more',function(){
    var data = $(this).closest('.carousel-inner').find(".newsID").last().attr("id");
    alert(data);
});
&#13;
<div class="carousel-inner">

  <div class="newsID" id="id1"></div>
  <div class="item">
    <h2>Title 1</h2>
  </div>

  <div class="newsID" id="id2"></div>
  <div class="item">
    <h2>Title 2</h2>
  </div>

  <p><a href="javascript:;" id="readmore-btn" class="read-more">Read More</a></p>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
&#13;
&#13;
&#13;