Javascript jQuery ID匹配

鼠标悬停事件上的此切换工作正常：

jQuery(document).ready(function(){
    jQuery(".info").hide();
    jQuery(".trigger").mouseout(function(){
        jQuery(".info").slideUp(200);
    });
    jQuery(".trigger").mouseover(function(){
        jQuery(".info").slideToggle();
    });
});

但是有太多的对象，所以如果我触发一些触发器，它会显示信息类的所有区域。最简单的方法是添加一个ID：

<div class="trigger" id="1">Details</div>
<div class=" info" id="1">
    <p> <b> Projektbeschreibung </b> </p>
    <p> Lorem ipsum one. </p>
</div>

<div class="trigger" id="2">Details</div>
<div class=" info" id="2">
    <p> <b> Projektbeschreibung </b> </p>
    <p> Lorem ipsum two. </p>
</div>

因此，触发器只会触发其所属的信息。

---

我对jQuery不太感兴趣，所以我的问题是如何获得与js代码匹配的id？

在回调中，请参考以下调用的对象：

---

@Jonathan使用JQuery很容易

在JQuery函数中，您只需进行一些调整即可获得ID并按预期执行函数

jQuerydocument.readyfunction{ jQuery.info.hide； jQuery.trigger.mouseoutfunction{ var elem_id=$this.attr'id'； jQuery.info+elem_id.slideUp200； }; jQuery.trigger.mouseoverfunction{ var elem_id=$this.attr'id'； jQuery.info+elem_id.slideToggle； }; };

试试上面的代码

在处理程序函数中使用此函数，该函数引用调用事件的元素

将选择当前元素的直接同级元素

注意：从文档中删除重复的ID

jQuerydocument.readyfunction{ jQuery.info.hide； jQuery.trigger.mouseoutfunction{ jQuerythis.next.info.slideUp200； }; jQuery.trigger.mouseoverfunction{ jQuerythis.next.info.slideDown200； }; }; 细节 贝施雷邦项目

同侧叶一号

细节 贝施雷邦项目

第二种是同侧叶

jQuerydocument.readyfunction{ jQuery.trigger.hover函数{ $+$this.attr'data-target'.stoptrue.slideToggle； }; }; .info{ 显示：无； } 细节 贝施雷邦项目

同侧叶一号

细节 贝施雷邦项目

第二种是同侧叶

---

ID应该是唯一的。对多个元素使用同一ID不是一种有效的方法。使用隐藏在HTML标记中的语言是不可接受的。这基本上是一个“为我写这个”请求。相反，请通读jQueryAPI，了解一点web编程，并尝试找出如何针对特定元素。

jQuery(document).ready(function(){
    jQuery(".info").hide();
    jQuery(".trigger").mouseout(function(){
         jQuery(this).slideUp(200);
    });
    jQuery(".trigger").mouseover(function(){
         jQuery(this).slideToggle();
    });
    });