Javascript需要使用id为的链接传递变量

我使用下面的代码将外部页面加载到lightbox中。如何从href标记（一个名为“page”的变量）传递到javascript第1行，该行包含一个页面链接的值='country.php'。我想多次使用这个脚本调用，而不必为每个链接添加额外的javascript行

<script>
$("a#selector").live("click", function(){$(".overlayInner").load("/country.php"); })
$("a#selector").live("click", function(){$(".overlayOuter").fadeIn(300); })
$("a#selector").live("click", function(){$(".overlayInner").fadeIn(500); })
$("a#selector").live("click", function(){$(".closepop").fadeIn(500); })
</script>


<a id="selector" href="#"><img src="/images/somegraphic.gif"></a>

非常感谢您的帮助。

试试以下方法：

$("a.selector").live("click", function() {
    var url = $(this).attr('href'); 
    $(".overlayInner").load(url);
    return false;
});

<a class="selector" href="/country.php">Country</a>
<a class="selector" href="/pigs.php">Pigs</a>

如果您想获取显示国家的内部文本或图像，可以执行以下操作：

$("a.selector").live("click", function() {
    var url = $(this).attr('href'); 
    var img = $(this).html(); // But what do you want to do with it?
    $(".overlayInner").load(url);
    return false;
});

<a class="selector" href="/country.php"><img src="img.jpg" /></a>

两点：

jQuery方法可用于获取任何元素上的任何属性，包括href

使用jQuery1.7+的方法，因为它已被弃用

如果要将多个参数传递到“单击”、“a.selector”函数E中

综上所述，这就是javascript的外观

var href=$("a.selector").attr('href', 'country.php');

$(document.body).on("click", "a.selector", function(){
    $(".overlayInner").load("'+href+'");
    $(".overlayOuter").fadeIn(300); 
    $(".overlayInner, .closepop").fadeIn(500); 
    return false;
});

---

您想知道如何获取href属性吗？您只需将js代码放在一个带有参数的函数中，比如函数myFuncurl，在.load as.loadurl中使用该url，然后调用传递所需参数的函数即可。非常基本的东西，但你应该更具体一些。不。我想向脚本传递一个附加变量。例子：法布里西奥，谢谢你。我把它弄得更复杂了。从jQuery1.7开始，.live方法已被弃用。使用.on附加事件处理程序。较旧版本jQuery的用户应优先使用.delegate而不是.live。如果有，您还可以使用javascript this.href获取href属性的值：。加载“+this.href+”；不声明a hrefvariable@JFK我对拥有这个哈犹豫不决！作为第六点，希望能从另一个答案中得到答案。