繁体   English   中英

如何使用data-bind属性获取dom元素作为参数-在我的JavaScript代码中进行剔除操作?

[英]How to get the dom element as an argument using data-bind attribute - knockout to manipulate with in my javascript code?

我想在使用数据绑定属性click方法时将li元素的内容作为参数传递给我的函数。 例如

 <ul>
     <li data-bind='click: titleClick(argument)'>(CONTENT)</li>
 </ul>

将什么代替参数传递给我的titleClick函数(内容)? 这是我在js文件中的处理

var MapProcess = function(){
    this.titleClick = function(titleName){
        for (var i = 0; i<model.markers.length; i++){
            if (titleName == model.markers[i].title){
                var infoWindow = new google.maps.InfoWindow({          
                });
                infoWindow.setContent(model.markers[i].buborek)
                infoWindow.open(map, model.markers[i]);
                break;
            };
        };
    };
};

我希望上面函数中的参数titleName等于从html检索的内容。

提前致谢。

点击处理程序中的第二个参数将是click事件。 由此,您可以获得目标元素及其关联的内容。

https://knockoutjs.com/documentation/click-binding.html

 var MapProcess = function() { this.titleClick = function(data, event) { console.log(event.target.textContent); } } ko.applyBindings(new MapProcess()); 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script> <ul> <li data-bind='click: titleClick'>(CONTENT)</li> </ul> 

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM