Инструменты JQuery, переполняют изображения из поля ввода

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

Итак, как я могу "искать" изображение (через идентификатор) и имитировать реальный щелчок?

спасибо !!! Teo

Answer 1

См. Веб-стандарт для синтаксиса идентификатора элемента

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

Вы пытаетесь смоделировать щелчок по изображению? В этом случае это будет похоже на

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

Answer 4

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

Это должно взять нужный вам href.