始终获得相同的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
答案 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。
直播示例:
$(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;