Javascript 使用jQuery,有没有一种方法可以创建一个onclick函数,将链接从一个UL传递到另一个UL?
例如,我有一个函数,它可以创建一个链接列表,并希望它能够在单击一个填充的链接时将部分链接传递到另一个列表 有办法做到这一点吗 谢谢你抽出时间,我希望这个问题不要含糊不清 列表创建函数大致如下所示:Javascript 使用jQuery,有没有一种方法可以创建一个onclick函数,将链接从一个UL传递到另一个UL?,javascript,jquery,html,json,Javascript,Jquery,Html,Json,例如,我有一个函数,它可以创建一个链接列表,并希望它能够在单击一个填充的链接时将部分链接传递到另一个列表 有办法做到这一点吗 谢谢你抽出时间,我希望这个问题不要含糊不清 列表创建函数大致如下所示: $.getJSON("https://api.twitch.tv/kraken/search/streams?q=starcraft&limit=30&&type=top&callback=?", function (data) { var temp = "";
$.getJSON("https://api.twitch.tv/kraken/search/streams?q=starcraft&limit=30&&type=top&callback=?", function (data) {
var temp = "";
$.each(data.streams, function (index, item) {
temp = temp + "<li><a target='iframe1' href='http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + item.channel.name + "'>" + item.channel.display_name + "</a></li>";
});
$("#list ul ").html(temp);
});
$.getJSON(“https://api.twitch.tv/kraken/search/streams?q=starcraft&limit=30&&type=top&callback=?,函数(数据){
var temp=“”;
$.each(data.streams,函数(索引,项){
温度=温度+“”;
});
$(“#list ul”).html(temp);
});
你想通过什么还不清楚
可以使用data-*属性使用自定义数据传递数据
$.getJSON("https://api.twitch.tv/kraken/search/streams?q=starcraft&limit=30&&type=top&callback=?", function (data) {
var temp = "";
$.each(data.streams, function (index, item) {
temp = temp
+ "<li><a target='iframe1'"
+ " data-channel-name='" + item.channel.name +"'"
+" href='http://www.twitch.tv/widgets/live_embed_player.swf?channel="
+ item.channel.name + "'>"
+ item.channel.display_name + "</a></li>";
});
$("#list ul ").html(temp);
});
委派事件的优点是,它们可以处理来自子元素的事件,这些子元素将在以后添加到文档中。下面是一个示例,说明您可以从以下方面入手:
//de Setup a function to pull in AJAX information and append it to a list.
function exampleAppend() {
$.getJSON("https://api.twitch.tv/kraken/search/streams?q=starcraft&limit=30&&type=top&callback=?", function(data) {
var temp = "";
$.each(data.streams, function(index, item) {
$("#list ul ").append(
"<li><a target='iframe1' " +
"href='http://www.twitch.tv/widgets/live_embed_player.swf?channel=" +
item.channel.name + "'>" +
item.channel.display_name +
"</a></li>"
)
});
});
}
//de Setup your on-click handler.
$(document).ready(function() {
$("#some_element").click( exampleAppend )
})
//取消设置一个函数,以提取AJAX信息并将其附加到列表中。
函数exampleAppend(){
$.getJSON(“https://api.twitch.tv/kraken/search/streams?q=starcraft&limit=30&&type=top&callback=?,函数(数据){
var temp=“”;
$.each(data.streams,函数(索引,项){
$(“#列表ul”)。附加(
“”
)
});
});
}
//取消单击处理程序的设置。
$(文档).ready(函数(){
$(“#某些#元素”)。单击(exampleAppend)
})
<代码>请考虑在提问简短的答案中贴上相关代码:是的。为了得到完整的答案。在中发布相关代码question@Satpal这应该对初学者有所帮助。我想这会有一点帮助,但如果能看到您尝试的解决方案,那就太好了。好的,我明白您的意思,这里有一个链接,指向我尝试做的事情。有没有一种方法可以使用.on()使其成为一个链接,一旦单击链接,它就会将其推送到#list3,并使链接看起来像这样谢谢!
//de Setup a function to pull in AJAX information and append it to a list.
function exampleAppend() {
$.getJSON("https://api.twitch.tv/kraken/search/streams?q=starcraft&limit=30&&type=top&callback=?", function(data) {
var temp = "";
$.each(data.streams, function(index, item) {
$("#list ul ").append(
"<li><a target='iframe1' " +
"href='http://www.twitch.tv/widgets/live_embed_player.swf?channel=" +
item.channel.name + "'>" +
item.channel.display_name +
"</a></li>"
)
});
});
}
//de Setup your on-click handler.
$(document).ready(function() {
$("#some_element").click( exampleAppend )
})