Передача переменных в HTML и jQuery

Question

Я использую jQuery mobile framework; и используя каркас, у меня есть сетка, структурированная следующим образом:

<div style="text-align: center;" class="ui-grid-b"> 

        <div class="ui-block-a"> 
         <a href="lengthDat.html"><img src="images/Longtail.jpg" width="200" height="200"></a> 
         <p style="display: inline;">Longtail</p> 
         <a href="longtail_info.html" rel="external" data-inline="true" data-role="button" 
           data-mini="true"  data-iconpos="notext" data-icon="info">Longtail Info</a> 
        </div> 

        <div class="ui-block-b"> 
         <a href="lengthDat.html"><img src="images/Northern_Dusky.jpg" width="200" height="200"></a> 
         <p style="display: inline;">Northern Dusky</p> 
         <a href="dusky_info.html" rel="external" data-inline="true" data-role="button" 
           data-mini="true"  data-iconpos="notext" data-icon="info">Dusky Info</a> 
        </div> 

        <div class="ui-block-c"> 
         <a href="lengthDat.html"><img src="images/Northern_Spring.jpg" width="200" height="200"></a> 
         <p style="display: inline;">Northern Spring</p> 
         <a href="spring_info.html" rel="external" data-inline="true" data-role="button" 
           data-mini="true"  data-iconpos="notext" data-icon="info">Spring Info</a> 
        </div> 

     .... SNIP 2 ROWS .... 
</div> 

Теперь, вот мой вопрос. У меня есть все ссылки на одну страницу, но они разные типы саламандр. Я пытаюсь получить, на какой тип они нажимают, поэтому я могу использовать его на следующей странице (странице измерения).

Любая помощь?

Answer 1

Вы можете дать каждой строке строку запроса и поднять ее либо с помощью серверного языка (оптимального), либо с помощью javascript.

например. lengthDat.html?type=longtail, lengthDat.html?type=northern+dusky

Если вы хотите знать, как читать параметры строки запроса с использованием JavaScript, на голову к этому С.О. вопрос: How can I get query string values in JavaScript?

Answer 2

Это довольно легко, просто извлечь расширение из источника IMG (если это то, что вы имели в виду типа и различных саламандры)

$('a').on('click', function(ev) { 

    ev.preventDefault(); 

    var ext = $(this).children('img:eq(0)').attr('src').split('.').pop(); 

    window.location = '?type=' + ext; 
}); 

Answer 3

Я бы прикрепить атрибут типов данных в Таге изображения и получить его с помощью JQuery и добавить к URL, как было предложено выше.

var type = $ ('a'). Find ('img'). Attr ('data-type'), url = $ ('a'). Attr ('href'); $ ('a'). Attr ('href', href + = '? Type =' + type);

Примечание: вам нужно будет настроить этот код для целевого нажатия на определенный элемент, и рекомендуется проверять URL-адрес, обрабатывать URL-адреса, которые уже имеют параметры, и те, которые этого не делают.