[英]onClick with foreach css change jquery
I have a foreach
loop in php with bootstrap collapse panel and I want to know if there is any option to change color of div.panel-heading
on-click for a single title. 我在带有bootstrap折叠面板的php中有一个foreach
循环,我想知道是否有任何选项可以更改单击单个标题时div.panel-heading
颜色。
So when I click on first title of <a href="..."></a>
only the first div.panel-heading
turns into red background. 因此,当我单击<a href="..."></a>
的第一个标题时,只有第一个div.panel-heading
变成红色背景。
@foreach($aa as $msg)
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
Sender: <a href="/member-list/{{{$msg->username}}}">{{{$msg->username}}}</a>
{{{ " title: ". " "}}}
<a data-toggle="collapse" data-parent="#accordion" href="#collapse{{{$msg->msg_id}}} ">
{{{$msg->title}}}
</a>
</h4>
</div>
<div id="collapse{{{$msg->msg_id}}}" class="panel-collapse collapse">
<div class="panel-body">
{{{$msg->msg}}}
</div>
</div>
</div>
@endforeach
Do something like this using jquery: 使用jquery做这样的事情:
$('div.panel-heading a').click(function(){
$('div.panel-heading').css('background','transparent');
var ParentDiv = $(this).parent();
ParentDiv.css('background','red');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.