英文:
I am trying to get active carousel id when click to button using jquery
问题
我尝试在点击下一个轮播按钮时获取活动轮播室的ID，请帮助我，谢谢。
注意： 我想获取活动轮播室的ID，而不是控制台中的142，应该是140的房间ID。
Html视图
<div class="carousel-item {{$key == 0 ? 'active' : '' }} d-flex align-items-center">
<img src="{{ Config('wfh.file') . $roomImage}}" height="113px" alt="First slide">
<div class="ms-4">
<h6 class="fw-bold">{{$value->name}}</h6>
<input type="text" class="room_id" name="room_id" value="{{$value->id}}">
<span class="badge bg-light-outline p-2 me-1"> <i class="bx bx-user"></i>{{$value->capacity ?? null }}</span>
<span class="badge bg-primary p-2">Starts from PTS {{$value->points ?? null }}</span>
</div>
</div>
jQuery
$(".butonSubmit").click(function(){
if($(".carousel-item").hasClass('active')){
let room_id = $(".carousel-item.active .room_id").val();
console.log(room_id);
}
});
英文:
I am trying to get active carousel id when i click to button for next carousel please help me thanks.
Note :- I want to get the active carousel room id this should be 140 room id insteasd of 142 in console.
Html view
<div class="carousel-item {{$key == 0 ? 'active' : '' }} d-flex align-
items-center">
<img src="{{ Config('wfh.file') . $roomImage}}"
height="113px" alt="First slide">
<div class="ms-4">
<h6 class="fw-bold">{{$value->name}}</h6>
<input type="text" class="room_id" name="room_id" value="{{$value->id}}" >
<span class="badge bg-light-outline p-2 me-1"> <i class="bx bx-user"></i>{{$value->capacity ?? null }}</span>
<span class="badge bg-primary p-2">Starts from PTS {{$value->points ?? null }}</span>
</div>
</div>
jquery
$(".butonSubmit").click(function(){
// let crousalActive= $(".carousel-item").hasClass('active');
if($(".carousel-item").hasClass('active') ){
let room_id = $(".carousel-item.active .room_id").val();
console.log(room_id);
}
});
答案1
得分: 1
你有多少个走马灯项？
它可能取第一个走马灯项的值。
否则，尝试一次不使用默认值。
英文:
How many carousel-items do you have?
It probably takes the value of the first carousel-item.
Otherwise, try once without the default value.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论