Javascript JQuery工具,从输入框溢出图像

Javascript JQuery工具,从输入框溢出图像,javascript,jquery,html,overlay,Javascript,Jquery,Html,Overlay,我正在使用JQuery工具创建一个接口,使用覆盖函数 所以,我有一个标签列表,显示覆盖图中的图像 <a id="11" href="data/images/011.jpg"> <a id="12" href="data/images/012.jpg"> <a id="13" href="data/images/013.jpg"> <a id="14" href="data/images/014.jpg"> 那么,我如何“搜索”图像(通过ID)并模

我正在使用JQuery工具创建一个接口,使用覆盖函数

所以,我有一个标签列表,显示覆盖图中的图像

<a id="11" href="data/images/011.jpg">
<a id="12" href="data/images/012.jpg">
<a id="13" href="data/images/013.jpg">
<a id="14" href="data/images/014.jpg">
那么,我如何“搜索”图像(通过ID)并模拟真正的点击呢

谢谢!!!
Teo

这将调用相应链接上的单击事件

$('#'+$("#searchBox").val()).click();

这将调用相应链接上的click事件

$('#'+$("#searchBox").val()).click();
这应该抓住你需要的href


这将获取您需要的href。

您正在尝试模拟对图像的单击?如果是那样的话,就好像

$('#'+$("#searchBox").val()).click()

您正在尝试模拟单击图像?如果是那样的话,就好像

$('#'+$("#searchBox").val()).click()

ID和NAME标记必须以字母([a-Za-z])开头,后面可以是任意数量的字母、数字([0-9])、连字符(“-”)、下划线(“389;”)、冒号(:”)和句点(.”)。

因此,要符合标准,请将标记更改为:

<a id="p11" href="data/images/011.jpg"></a>
<a id="p12" href="data/images/012.jpg"></a>
<a id="p13" href="data/images/013.jpg"></a>
<a id="p14" href="data/images/014.jpg"></a>

ID和NAME标记必须以字母([a-Za-z])开头,后面可以是任意数量的字母、数字([0-9])、连字符(“-”)、下划线(“389;”)、冒号(:”)和句点(.”)。

因此,要符合标准,请将标记更改为:

<a id="p11" href="data/images/011.jpg"></a>
<a id="p12" href="data/images/012.jpg"></a>
<a id="p13" href="data/images/013.jpg"></a>
<a id="p14" href="data/images/014.jpg"></a>

id
属性值不能以数字开头-使用类似于
image\u 11
image-11
的东西只是一个注释,您没有关闭可能导致问题的a标记。
id
属性值不能以数字开头-使用类似于
image\u 11
image-11
的东西只是一个注释,您没有关闭a标记,这可能会导致问题。哇,我忘了冒号是有效的-这在将元素ID编码到特定应用程序对象方面非常棒。我一直在使用下划线和连字符,但是当在不同的框架/cms/应用程序中集成certian东西时,它们有时会变得混乱——但我从来没有见过有人使用冒号。这让我的日子过得很开心,哈哈。神童,这都是些小事,不是吗哇,我忘了冒号是有效的——这在将元素ID编码到特定的应用程序对象方面太棒了。我一直在使用下划线和连字符,但是当在不同的框架/cms/应用程序中集成certian东西时,它们有时会变得混乱——但我从来没有见过有人使用冒号。这让我的日子过得很开心,哈哈。神童,这都是些小事,不是吗
$("#searchButton").click(function(){ //set click event of search button
  var piclink_num = $("#searchBox").val(); //get user input which is expected to be numeric part of link ID
  $("#p" + piclink_num).trigger('click'); //trigger click event of intended link
});