[英]accessing $(this) value returns undefined jquery
我试图在 select2 初始化中访问$(this)
,但它返回undefined
。
$(".tags").each(function() {
var placeholder = "Select Email";
if($(this).attr('name') === 'names[]')
placeholder = "Select Name";
$(this).select2({
tags: true,
placeholder: placeholder,
language: {
noResults: function () {
return 'Type and enter to add new';
},
},
escapeMarkup: function (markup) {
return markup;
},
createTag: function(params) {
console.log($(this).attr('name')); // returns undefined
if (params.term.indexOf('@') === -1)
return null;
return {
id: params.term,
text: params.term
}
}
})
});
select2()
为每个.tags
初始化。 我需要在此处的初始化中访问$(this)
。
我怎样才能做到这一点?
您可以在调用select2()
之前保留对$(this)
的引用
$(".tags").each(function() {
var placeholder = "Select Email";
var $that = $(this);
if($that.attr('name') === 'names[]')
placeholder = "Select Name";
$that.select2({
tags: true,
placeholder: placeholder,
language: {
noResults: function () {
return 'Type and enter to add new';
},
},
escapeMarkup: function (markup) {
return markup;
},
createTag: function(params) {
console.log($that.attr('name'));
if (params.term.indexOf('@') === -1)
return null;
return {
id: params.term,
text: params.term
}
}
})
});
希望这可以帮助
问题是因为createTag
函数不在实例化select2
的元素的范围内运行。
要解决此问题,您需要保留对原始元素的引用,这可以通过将其存储在each()
处理程序的变量中来完成:
$(".tags").each(function() {
var $tag = $(this);
// other logic...
$tag.select2({
// other logic...
createTag: function(params) {
console.log($tag.prop('name'));
if (params.term.indexOf('@') === -1)
return null;
return {
id: params.term,
text: params.term
}
}
})
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.