jQuery按类和id组合显示div

jQuery按类和id组合显示div,jquery,html,Jquery,Html,我得到了这个html: <img src="pics/delete.png" class="showdelete" style="position: absolute; display: none" id="1" <img src="pics/delete.png" class="showdelete" style="position: absolute; display: none" id="2" <img src="pics/delete.png" class="showd

我得到了这个html:

<img src="pics/delete.png" class="showdelete" style="position: absolute; display: none" id="1"
<img src="pics/delete.png" class="showdelete" style="position: absolute; display: none" id="2"
<img src="pics/delete.png" class="showdelete" style="position: absolute; display: none" id="3"
假设var为2。显示id为2的showdelete类的代码看起来如何完整

编辑

好的,我从下面得到了解决方案,但试着在mouseleave上再次隐藏它

我试着: html:

试试这个:您可以使用来显示div

function showdelete(z){
    var show = $(z).attr('id');
    $('img[class=showdelete][id='+show+']').show();
}
编辑-你可以像下面那样编辑你的脚本来工作

function showdelete(z){
    var show = $(z).attr('id');
    $(".showdelete#"+show).show();
}
但由于id必须是唯一的,所以您应该直接使用id选择器来显示元素,直到并且除非您不需要使用类选择器

function showdelete(z){
        var show = $(z).attr('id');
        $("#"+show).show();
    }

如果var是2,这意味着$z是目标元素,因此不需要获取id,您可以使用引用z来显示元素

function showdelete(z){
    //no need to get the id
    //var show = $(z).attr('id');
    $(z).show()
}

注意:元素的ID在文档中必须是唯一的

为什么要将ID选择器与class@ArunPJohny,是的,除非OP对类特定元素有任何特殊要求,否则您是对的。我已经更新了我的答案。谢谢:它不起作用,可能是因为id包含234234.jpg之类的点吗?Arun,因为同一个id属于多个类,所以我在没有变量的情况下对其进行了测试,如:$.showdelete05082040535.jpg.show;但它不起作用,我能以某种方式超过点评吗?你不能对多个元素使用相同的id,而要创建唯一的id。或者与您的问题陈述共享一个JSFIDLE,这将更好地帮助您。哦,我在多个类中有相同的id,所以这是不允许的?该死的,它应该在mouseleave上,而不是mouseleave xD上
function showdelete(z){
    var show = $(z).attr('id');
    $(".showdelete#"+show).show();
}
function showdelete(z){
        var show = $(z).attr('id');
        $("#"+show).show();
    }
function showdelete(z){
    //no need to get the id
    //var show = $(z).attr('id');
    $(z).show()
}