Question

我正在使用叠加功能创建一个使用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">

然后我有一个输入框（没有表格标签），我只想在那里写“11”，点击“显示图像”链接，它进入叠加层像这样：

<input type="text" id="searchBox" />
<a id="searchButton" href="#">Cerca</a>

警报有效：

$("#searchButton").click(function(){
  alert($("#searchBox").val());
});

那么，我如何“搜索”图像（通过ID）并模拟真实的点击？

感谢!!! TEO

Answer 1

请参阅web standard for element ID syntax

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

因此，要符合标准，请将标记更改为：

<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>

使用Javascript：

$("#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
});

Answer 2

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

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

Answer 3

$("#searchButton").click(function(){
  var anchorId = $("#searchBox").val();
  alert( $("#" + anchorId).attr("href") );
});

这应该抓住你需要的href。

Answer 4

您正试图模拟图片上的点击？在这种情况下，它就像

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

JQuery工具，从输入框溢出图像

4 个答案: