从同级的子jQuery获取href属性?
我正在使用以下代码尝试从另一个元素获取href数据,它不断返回未定义的数据,我做错了什么从同级的子jQuery获取href属性?,jquery,href,Jquery,Href,我正在使用以下代码尝试从另一个元素获取href数据,它不断返回未定义的数据,我做错了什么 $('.linkbutton').bind('click', function(e) { e.preventDefault(); var flagURL = $(this).siblings().next('.flag-action').attr('href'); console.log(flagURL); }); <div class="lin
$('.linkbutton').bind('click', function(e) {
e.preventDefault();
var flagURL = $(this).siblings().next('.flag-action').attr('href');
console.log(flagURL);
});
<div class="linkbutton">
<h4 class="quoteflag">
<a href="/demo/url/here" title=" " class="flag-action">
</a>
</h4>
而不是
var flagURL = $(this).siblings().next('.flag-action').attr('href');
请尝试以下代码:
var flagURL = $(this).siblings().find('.flag-action').attr('href');
因为下一个选择器将返回下一个兄弟。但你需要下一个兄弟姐妹的孩子。“查找选择器”将为您提供特定元素的所有后代。在您的情况下,您也可以使用children选择器而不是find,因为您正在尝试查找H4元素的直接子元素。您必须使用.find和not.next,因为该标志操作是子元素,而不是quoteflag旁边的元素
$'.linkbutton'.bind'click',函数E{
e、 防止违约;
var flagURL=$this.sides.find.flag-action.attrref;
console.logflagURL;
};
点击
您可以使用find“.flag action”作为.linkbutton的子项来获取href,如:
$'.linkbutton'.bind'click',函数E{
e、 防止违约;
var flagURL=$this.find'.flag action'.attr'href';
alertflagURL;
};
点击这里
$'.linkbutton'.bind'click',函数E{
e、 防止违约;
var flagURL=$this.sides.find'.flag action.attr'href';
console.logflagURL;
};
链接按钮分区
同级为您提供与所选元素来自同一lvl的所有元素,因此您可以选择。linkbutton尝试选择来自同一lvl的所有元素,然后使用flag action类选择下一个元素,了解更多信息,然后选择