[英]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.