传递给javascript函数div类参数

我在某个网站上工作。我有个问题。如何给JS函数命名。 这是我的密码：

<div class="grid-item">
    <div id="info">
        <div class="glyphicon glyphicon-search" style="hidden: hidden;">
        </div>
        <img onmouseover="show(this)" onmouseout="hide(this)" src="'smiley.gif'" />
    </div>
</div>

但是在onmouseover和onmouseout中，我不想使用这个。我知道该展示什么或隐藏什么

<div class="glyphicon glyphicon-search" style="hidden: hidden;"></div>

从html。如何做到这一点？ 我的想法是先给这个div id，然后把这个id传递给函数，但如何做到这一点

请记住，对于每一张图片，我都会有很多div标签（）

以及如何在图像的右上角定位该div

---

谢谢。

如果您使用的是jQuery，那么就使用这个

function show(x) {
    $(x).prev('div.glyphicon.glyphicon-search').show();
}
function hide(x) {
    $(x).prev('div.glyphicon.glyphicon-search').hide();
}

但人们更喜欢这样做。向这些图像添加一个类

smiley

<img class="smiley" src="'smiley.gif'" />

或者使用

mouseover

/

mouseout

事件和事件委派

$(document)
    .on('mouseover', 'img.smiley', show)
    .on('mouseover', 'img.smiley', hide);

---

看演示，它有所有的细节。祝你好运

var btn=document.querySelector（'.btn'）；
功能展示（x）{
x、 style.visibility='visible'；
}
函数隐藏（x）{
x、 style.visibility='hidden'；
}

*{
背景：透明；
}
.表格项目{
宽度：100%；
高度：自动；
}
.info{
位置：相对位置；
}
.btn，
.标志{
位置：绝对位置；
光标：指针；
指针事件：自动；
}
.btn{
右：20%；
最高：15%；
}
.标志{
右：5%；
排名前10%；
}
第条{利润率最高：5%；}

搜寻
固定的：
看

我不明白这个问题。。。你想用JS隐藏图像吗？还是用HTML？顺便说一下，x.style.hidden=可见，x.style.hidden=隐藏工作？si不认为您使用了正确的语法，以及如何将div定位在图像的右上角？您是否知道html中的任何图像都不会呈现，因为您需要将绝对（精确）URL用于您在此处发布的任何图像，对吗？请发布与您的问题相关的JavaScript/jQuery、CSS和HTML。使用以下任何或所有服务创建演示：、、或代码段（位于文本编辑器工具栏上的第7个图标或CTRL+M）。

$('img.smiley').on('hover', show, hide);

function show() {
    $(this).prev('div.glyphicon.glyphicon-search').show();
}
function hide() {
    $(this).prev('div.glyphicon.glyphicon-search').hide();
}

$(document)
    .on('mouseover', 'img.smiley', show)
    .on('mouseover', 'img.smiley', hide);