Javascript JQuery将HTML ID作为参数传递

Javascript JQuery将HTML ID作为参数传递,javascript,jquery,parameter-passing,element,Javascript,Jquery,Parameter Passing,Element,这是我的密码: HTML JQUERY 函数MyJQfunction(MyField) { MyField.hide(); } 如您所见,我正试图将HTML元素发送到JQ函数,以便它知道要隐藏什么 我做错了什么? 注意:这只是我真正需要做的一个简单示例,我只是想避免包含您不关心的代码。谢谢 您使用的是jquery,因此附加一个事件处理程序,而不是使用onclick <img src="../MyPic_1" id="MyImg_1" class="myIMage"> <

这是我的密码:

HTML


JQUERY


函数MyJQfunction(MyField)
{
MyField.hide();
}
如您所见,我正试图将HTML元素发送到JQ函数,以便它知道要隐藏什么

我做错了什么?


注意:这只是我真正需要做的一个简单示例,我只是想避免包含您不关心的代码。谢谢

您使用的是jquery,因此附加一个事件处理程序,而不是使用
onclick

<img src="../MyPic_1" id="MyImg_1" class="myIMage">
<img src="../MyPic_2" id="MyImg_2" class="myIMage">
<img src="../MyPic_3" id="MyImg_3" class="myIMage">
<img src"../MyPic_1" id="MyImg_1" onclick = "MyJQfunction.call(this)">
或经典方式;用于在调用时设置函数的上下文


此外,在您的代码中,您的图像标记似乎不正确,
MyJQfunction
MyJQfunction
之间存在大小写问题(请注意
f
的大小写)。检查控制台是否有错误。否则您的代码应该可以工作。

您使用的是jquery,因此请附加一个事件处理程序,而不是使用
onclick

<img src="../MyPic_1" id="MyImg_1" class="myIMage">
<img src="../MyPic_2" id="MyImg_2" class="myIMage">
<img src="../MyPic_3" id="MyImg_3" class="myIMage">
<img src"../MyPic_1" id="MyImg_1" onclick = "MyJQfunction.call(this)">
或经典方式;用于在调用时设置函数的上下文


此外,在您的代码中,您的图像标记似乎不正确,
MyJQfunction
MyJQfunction
之间存在大小写问题(请注意
f
的大小写)。检查控制台是否有错误。否则您的代码应该可以工作。

您应该像这样在jquery函数中包装代码

function MyJQFunction(MyField)
{
  $(MyField).hide();
}

您应该像这样在jquery函数中包装它

function MyJQFunction(MyField)
{
  $(MyField).hide();
}

这就是我要做的:

<img src="../MyPic_1" id="MyImg_1" class="image_to_hide"/>
<img src="../MyPic_2" id="MyImg_2" class="image_to_hide"/>
<img src="../MyPic_3" id="MyImg_3" class="image_to_hide"/>


$(“.image\u to\u hide”)。单击(函数(){
$(this.hide();
});

这就是我要做的:

<img src="../MyPic_1" id="MyImg_1" class="image_to_hide"/>
<img src="../MyPic_2" id="MyImg_2" class="image_to_hide"/>
<img src="../MyPic_3" id="MyImg_3" class="image_to_hide"/>


$(“.image\u to\u hide”)。单击(函数(){
$(this.hide();
});

一旦您修复了语法错误,您所拥有的一切都会起作用。这个问题似乎离题了,因为这个问题是打字错误。打字错误不是问题,这是我在写问题时犯的错误。正如我在注释中所说的:这只是一个示例。对,但这是您所展示的代码的唯一问题。实际错误必须在您认为不重要的代码中。OMG!!我只是将我的示例代码复制粘贴到一个html文件中,它真的很有效(当然要修复打字错误)。你说得对,凯文,我的错一定在别的地方。塔克斯!一旦你修复了语法错误,你所拥有的一切都会起作用。这个问题似乎离题了,因为这个问题是打字错误。打字错误不是问题,这是我在写问题时犯的错误。正如我在注释中所说的:这只是一个示例。对,但这是您所展示的代码的唯一问题。实际错误必须在您认为不重要的代码中。OMG!!我只是将我的示例代码复制粘贴到一个html文件中,它真的很有效(当然要修复打字错误)。你说得对,凯文,我的错一定在别的地方。塔克斯!这是非常有效的,因为它是如此简单,但我的代码有点复杂,它不适合。但是thanx,我相信你的答案会被其他人使用。这是非常有效的,因为它很简单,但我的代码有点复杂,不适合。但是thanx,我相信你的答案会被其他人使用。太好了,我两种方法都试过了,效果都很好!!请注意:在第二个选项中,如果您有更多参数:HTML JQUERY函数MyJQFunction(2ndPar,3rdPar)//无需为“this”声明参数太好了,我尝试了两种方法,它们都可以完美工作!!请注意:在第二个选项中,如果您有更多参数:HTML JQUERY函数MyJQFunction(2ndPar,3rdPar)//无需为“this”声明参数
<script>
    $(".image_to_hide").click(function(){
        $(this).hide();
    });
</script>