选择特定的动态元素。jQuery/HTML

我正在创建一个DIV列表，每个DIV都从我的db填充。我用一些apex来获取我的数据

“optionPanel”隐藏，显示：无。单击showPanel（）时，将显示“optionPanel”。我想要的是“optionPanel”只显示在我单击的特定分区上，现在它显示在所有分区上

<a data-ajax="false" onclick="showPanel();" class="job">
<div class="details">
    <span class="name">Name</span><span class="value">{! contact.salutation + ' ' + contact.firstname + ' ' + contact.lastname }</span><br></br>
    <span class="name">Title</span><span class="value">{! contact.title}</span><br></br>
    <span class="dep">Department</span><span class="value">{! contact.department}</span><br></br>
    <div class="optionPanel">{! contact.phone}</div>
</div>
</a>

有人有什么建议吗

很明显，现在，任何带有类名选项面板的东西都会出现，我该怎么处理呢

---

谢谢。

将此

引用添加到您的onclick处理程序中
试试这个

html

 <a data-ajax="false" onclick="showPanel(this);" class="job">
                        //---------------^^^^---here

或避免使用内联函数

 $('a.job').click(function(){
   $(this).find('div.optionPanel').toggle();
 });

您可以删除内联的“onclick”处理程序并通过jQuery附加它

$(".job").on("click",function(){
    $(this).find(".optionPanel").toggle()
})

这将仅为单击的相应
a
切换
选项面板
，
将“This”作为showPanel（）函数的参数传递，然后使用它以特定元素为目标。有上千个这样的样品完美！干杯！
 $('a.job').click(function(){
   $(this).find('div.optionPanel').toggle();
 });

$(".job").on("click",function(){
    $(this).find(".optionPanel").toggle()
})