大家好。有这样的剧本
<script>
$(document).ready(function() {
var itemBox = '.check-div'; // контейнер записи, id записи храним в data-id
$(".checkbox_visible").change(function(){
var $this = $(this);
var $thisItem = $this.closest(itemBox);
var thisIndex = $thisItem.attr('data-id');
if ($this.prop("checked")){
var c=1;
} else {
var c=0;
}
$.ajax({
url:'/ajax/update_visible_transport',
data:{'itemid':thisIndex,
'c':c},
success:function(r){
if (c==1) {
$('.active-transport').slideDown(500);
$('.deactive-transport').slideUp(500);
}
if (c==0) {
$('.active-transport').slideUp(500);
$('.deactive-transport').slideDown(500);
}
}
});
});
});
</script>
而这个 HTML
<div class="col-12 col-md check-div" data-id="<?echo $transportItem['id'];?>">
<div class="f-block">
<div>
<p class="active-transport">Объявление активно</p>
<p class="deactive-transport">Объявление неактивно</p>
<br />
<label class="switch" >
<input type="checkbox" name="visible" value="1" class="checkbox_visible" <?if ($transportItem['visible']==1) {?>
checked=""<?;}?>/>
<span class="slider"></span>
</label>
</div>
</div>
</div>
</div>
当您单击复选框时,会删除并添加铭文
<p class="active-transport">Объявление активно</p>
<p class="deactive-transport">Объявление неактивно</p>
一切正常。但问题是我可以有几个这样的声明块,分别重复该类。如何通过选择器访问所需的块 p
1 个回答