gpt4 book ai didi

javascript - jQuery 保存上下文 onclick

转载 作者:行者123 更新时间:2023-12-02 19:06:01 27 4
gpt4 key购买 nike

是否可以在元素的子元素上绑定(bind)点击监听器,同时仍将 $(this) 上下文指向该子元素的固定父元素?例如,我们可以说我有一个页面 -

HTML:

<p><div data-important="idthatisneeded1" class="fixedClass">
<div id="dynamicallygeneratedfirstchild">
<div id="dynamicallygeneratedsecondchild">
<a class="clickabblelinkfromtheparent" href="#">Link1</a>
</div>
</div>
</div></p>
<p><div data-important="idthatisneeded2" class="fixedClass">
<div id="dynamicallygeneratedfirstchild">
<a class="clickabblelinkfromtheparent" href="#">Link2</a>
</div>
</div></p>

每当单击 .clickabblelinkfromtheparent 时,我想从 .fixedClass 获取 data-important 的值,而不使用 .parent ().parent().parent() 因为它们都不可靠 -

JS:

$(".fixedClass .clickabblelinkfromtheparent").on("click",function(){alert($(this).parent().parent().data("important"));return false;});

http://jsfiddle.net/zcdSw/

我也尝试过:

$(".fixedClass .clickabblelinkfromtheparent").on("click",function(){alert($(this).context(".fixedClass").data("important"));return false;});

http://jsfiddle.net/zcdSw/1/

$(".clickabblelinkfromtheparent", ".fixedClass").on("click",function(){alert($(this).data("important"));return false;});

http://jsfiddle.net/Q8a67/

$(".clickabblelinkfromtheparent", ".fixedClass").on("click",function(){alert($(this).context);return false;});

http://jsfiddle.net/Q8a67/1/

这些似乎都不起作用。那么,这到底是如何用 jQuery 实现的呢?

最佳答案

你正在尝试这样的事情吗? jsfiddle:http://jsfiddle.net/zKp3P/

$(function(){
$('.clickabblelinkfromtheparent').on('click', function(){
//$(this).closest('.fixedClass').data('important');
alert($(this).closest('.fixedClass').data('important'));
});
});

关于javascript - jQuery 保存上下文 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14296926/

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