Javascript 在HTML中传递变量&；jQuery

我正在使用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>

长尾

北方暮色

北方之春

.... 剪下两排。。。。

现在，我的问题是。我把所有的图片链接到同一个页面，但它们是不同类型的蝾螈。我正在尝试获取他们点击的类型，以便我可以在下一页（测量页面）上使用它

---

有什么帮助吗？

您可以为每个链接提供一个查询字符串，并使用服务器端语言（optimal）或javascript获取它

e、 g.

lengthDat.html？type=longtail

，

lengthDat.html？type=northern+dashy

---

如果您想知道如何使用JavaScript读取查询字符串参数，请直接回答这个问题：

这很简单，只需从img源代码中提取扩展名（如果您所指的是类型和不同的蝾螈）

---

我会将一个数据类型属性附加到图像，并使用jquery获取它，然后按照上面的建议附加到url

var type=$（'a'）。find（'img'）。attr（'data-type'），url=$（'a'）。attr（'href'）； $（'a'）.attr（'href'，href+='？type='+type）

注意：您必须调整此代码以针对单击的特定元素，验证url、处理已经有参数的url和没有参数的url是一种很好的做法

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

    ev.preventDefault();

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

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