gpt4 book ai didi

javascript - 主干单击事件属性

转载 作者:行者123 更新时间:2023-11-30 08:11:47 24 4
gpt4 key购买 nike

我用过 backbone.js ' click ' 事件在这里。 onClick 事件,我想选择被点击的 HTML 元素,将其删除并添加到添加列表中。

我无法访问我单击的所有 HTML dom 元素。获取 HTML 元素后。

如果我点击“中国”,下面的代码会提示“<li>China</li>” '.

那么,如何访问所有 dom 属性?

Java 脚本代码:

var ActionBox = Backbone.View.extend({
el:$("#container"),
events: {
"click #add li": "addItem",
"click #alert": "alertHere"
},
initialize: function(){
_.bindAll(this,"addItem","render");
this.render();
},
render:function(){
this.prepareActions();
},
addItem:function(ev){
var ac=$(ev.target).html(); // it doesn't give me "<li>US</li>" after clicking US
alert(ac);
},
prepareActions:function(){
var str="";
for(var i=0;i<actions.length;i++) str+="<li>"+actions[i]+"</li>";
$("#add ul").append(str);
}
});
var actionBox = new ActionBox();

HTML代码如下:

    <div id="container">
<table>
<tr>
<td>
<div id="add">
<ul>
<li>US</li>
<li>China</li>
<li>UK</li>
</ul>
</div>
</td>
<td>
<div id="controls">

</div>
</td>
<td>
<div id="added">
<ul></ul>
</div>
</td>
</tr>
</table>
</div>

有两个 ul 容器,add 和 added,如果我点击源中的元素,它应该转移到目标容器中。

最佳答案

您只想使用 appendTo - 这将删除它并将其放入您的#added UL

$(ev.target).appendTo('#added');

关于javascript - 主干单击事件属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9330201/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com