重写JS,删除jQuery.(美元)的麻烦
Rewriting JS, removing jQuery. $(this) trouble
我正在尝试将此代码重写为香草JS。
$('body')
// change background image
.on('click', '.bgtexture .list li', function() {
var self = $(this);
$('.bgtexture .active').removeClass('active');
self.addClass('active');
$('.start').css('background', 'url("img/masks/'+self.text()+'.png") repeat');
})
// change background image
.on('click', '.bggradient .list li', function() {
var self = $(this),
color = self.text();
$('.bggradient .active').removeClass('active');
self.addClass('active');
$('.gradient').attr('class','gradient').addClass(color);
});
我现在看到的是:
document.querySelector('.bgtexture .list li').addEventListener('click', function () {
// what would $(this) be in vanilla js?
var self = $(this);
});
$(this)在香草js中是什么?
试试这样做:
var elemList=document.querySelectorAll(".bgtexture .list li");
for(var i=0, len=elemList.length; i < len; i++)
{
elemList[i].addEventListener('click', function()
{
//Clicked element
console.log(this);
}, false);
}
相关文章:
- 麻烦将coffee脚本片段移动到rails中自己的类中
- javascript美元符号变量不起作用
- 美元符号可以被认为是jquery中的宏吗?
- TypeScript - 如何获取 HTML 元素,例如在 Javascript 中使用美元符号 ($)
- 使用JavaScript获取Google地图上显示的所有推文时遇到麻烦
- 在 AJAX 请求中损失了 _SESSION 美元
- 无法获得 _FILES 美元但获得 _SERVER 美元的文件
- Javascript中getDay的麻烦
- AngularFire 0.5美元移除.错误:Firebase.child失败:第一个参数是无效路径
- 在 Javascript 中添加数字时遇到麻烦
- 使用QuaggaJS-Javascript条形码扫描仪的麻烦
- 铬中的 $ 变量(美元符号)
- 拉斐尔在片场制造麻烦
- 暴露和隐藏的麻烦”;滑出“;航行
- 当元素ID包含美元符号时,Javascript中的getElementByid.当ID包含美元符号时,
- 你能帮我解决感冒的麻烦吗
- angularjs美元指数发行
- jquery.formatCurrency.js删除美元符号
- 美元兑换欧元的麻烦
- 重写JS,删除jQuery.(美元)的麻烦