在HTML和jQuery中传递变量

我正在使用jQuery移动框架;并使用框架，我有一个网格结构如下：在HTML和jQuery中传递变量

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

现在，这是我的问题。我将所有图片链接到同一页面，但它们是不同类型的蝾螈。我试图得到他们点击的类型，所以我可以在下一页（测量页面）使用它。

任何帮助？

来源

2012-05-02 Brendan

您可以为每个链接指定一个查询字符串，并使用服务器端语言（最佳）或JavaScript来提取它。

例如lengthDat.html?type=longtail，lengthDat.html?type=northern+dusky

如果你想知道如何阅读使用JavaScript，头上的查询字符串参数超过这个SO问题：How can I get query string values in JavaScript?

来源

2012-05-02 18:19:31 simshaun

这是相当简单，只需提取从IMG源的扩展名（如果是这样的按类型和不同的蝾螈的意思）什么

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

    ev.preventDefault(); 

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

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

来源

2012-05-02 18:19:53 GillesC

我会附上一个数据类型属性的图像踏歌和使用jquery得到它，并追加到URL如上建议。（'''）。attr（'data'），url = $（'a'）。attr（'href'）; $（'a'）。attr（'href'，href + ='？type ='+ type）;

注意：您必须调整此代码才能定位所点击的特定元素，验证网址是一种很好的做法，请处理已有参数的网址和不包含参数的网址。

来源

2012-05-02 18:55:20 Cole

在HTML和jQuery中传递变量

回答

相关问题