jQuery / Href parameter

jQuery / Href parameter

本文关键字：parameter Href jQuery      更新时间：2023-09-26

我正在寻找一种方法，可以使用。。。因此，当你点击一个链接时，country代码参数会传递给qjuery，它会自动返回一个城市列表。

我可以使用下拉列表来完成所有这些操作，但我想将其更改为a.href链接。

像下面这样的。。。

$('#country').click(function(event) {  
// get the countryCode value here
var $country=$("a#country").val();
...

这些需要通过国家代码

<a href="#" id="country">Australia</a>
<a href="#" id="country">United Kingdom</a>
<a href="#" id="country">NewZealand</a>

在html5中，最好使用自定义属性：

<a href="#" class="country" data-code="au">Australia</a>
<a href="#" class="country" data-code="uk">United Kingdom</a>
<a href="#" class="country" data-code="nz">NewZealand</a>

在JS中：

$('.country').click(function(event) {  
    var $country = $(this).data('code');
}

将id更改为class并执行：

$(".country").click(function(e) {
    e.preventDefault();
    var country = $(this).text();
});

首先，不应该有多个具有相同id的项。

您可以将国家代码存储为数据：

<a href="#" class="country" data-country="aus">Australia</a>

然后取回：

$('.country').on('click', function(e) {
    e.preventDefault();
    var country = $(this).data('country');
})

<a href="#" class="c" id="country1">Australia</a>
<a href="#" class="c" id="country2">United Kingdom</a>
<a href="#"  class="c" id="country3">NewZealand</a>

$('.c').click(function(event) {  
event.prenventDefault(); 
var $country=$(this).html();
//var $country=$(this).text(); //or you can try this.
//...
});
相关文章：