gpt4 book ai didi

JQuery 单击复制链接到 div

转载 作者:行者123 更新时间:2023-12-01 06:23:11 25 4
gpt4 key购买 nike

我有一个国家/地区列表,它们都有一个空的“#” anchor 链接。

我坚持告诉 JQuery 仅将一个国家/地区“复制”到一个空 div,但 JQuery 选择了 div 内的所有“#”链接。

请参阅 JS Fiddle 链接: http://jsfiddle.net/michelm/yb7MR/

这是我所做的:

var country = $('a[href$="#"]').text();


$('a[href$="#"]').click(function () {
event.preventDefault();

$(this).addClass("active");

if ($('a').hasClass("active")) {

$('div.location').prepend('<p>Your Location is: </p>');
$('div.location').text(country);
$(this).removeClass("active");

} else {
$('a[href$="#"]').removeClass("active");

$('a[href$="#"]').not("active");

// do nothing

}

});
<body>
<a href="#">France</a><br />
<a href="#">Italy</a><br />
<a href="#">Spain</a><br />
<a href="#">Germany</a><br />

<div class="location"></div>
</body>

谢谢

最佳答案

使用
摆脱对.active的点击.not() 选择器

http://jsfiddle.net/ZLUNX/1/

$('a[href$="#"]').not('.active').click(function ( event ) {

event.preventDefault();

$(this).addClass("active").siblings().removeClass('active');
$('div.location').html('<p>Your Location is: '+ $(this).text() +'</p>');

});

http://api.jquery.com/not-selector/
http://api.jquery.com/event.preventDefault/
http://api.jquery.com/siblings/

关于JQuery 单击复制链接到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14169292/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com