如何将所选元素传递给'这'在链接函数中
How to pass selected element to 'this' in the chained functions
我正在努力了解链式函数是如何工作的,特别是如何将所选元素传递给链式函数。
假设我们有一个链式函数如下:
var func = {};
func.remove= function() {
$(this).remove();
}
如何通过jQuery或JavaScript选择元素并将其传递给链接函数,如下所示:
var elm = $("foo");
elm.func.remove();
或
var elm2 = document.getElementById("foo");
elm2.func.remove();
链式函数是一种返回被调用对象的方法(因此,除非扩展本机DOM对象,否则它不能返回元素本身,这是不推荐的)。
func
没有被链接,因为它根本不是一个函数。remove
在不返回其所属对象之前不会被链接。
如果要执行与元素一起工作的链式函数,则需要定义一个对象,在该对象上定义链式方法,并将元素存储为该对象的属性。
例如:
function MyConstructor(element) {
this._element = element;
}
MyConstructor.prototype.doA = function doA () {
console.log(this._element);
return this;
};
MyConstructor.prototype.doB = function doB () {
element.style.display = "none";
return this;
};
var example = new MyConstructor(document.getElementById('foo'));
example.doA().doB();
相关文章:
- 在什么情况下需要同时使用compile&链接函数的角度
- jquery:如何链接函数
- 角度指令's链接函数未被调用
- 如何在jQuery中将链接函数分配给变量
- 如何在指令链接函数中使用从控制器传递的筛选器
- 从控制器Angularjs调用链接函数
- 从指令链接函数监视控制器作用域
- JavaScript - 创建可链接函数时的最佳方法是什么
- 如何将函数绑定到使用链接函数创建 HTML 的角度指令
- angularjs+ui.router:指令控制器和链接函数之间的不同行为
- 如何使用RXJS动态链接函数调用
- ES6承诺:如何用参数链接函数
- 如何创建(可选)像Lodash中那样的可链接函数
- 如何将所选元素传递给'这'在链接函数中
- 调用在Jquery中未作为链接函数工作
- 这个链接函数如何知道“;tabsCtrl"参考文献
- JS:将单参数函数转换为可链接函数
- 在指令的链接函数中修改事件中的范围变量
- 如何将服务注入链接函数包含指令
- 元素在调用链接函数时不在 DOM 中