2013-08-04 66 views
0

我想要练习这个任务的基础知识。选择李,根据选择复制到另一个ul - jQuery

我的任务列表,当你点击一个任务,选择显示(这是基于人们在html)

你选择一个人,然后将任务添加到人微升。

这是我到目前为止有: 小提琴有更多的评论: http://jsfiddle.net/GavinSteele/Cfyjc/

<ul></ul> 

任何帮助将是巨大的..代码,或在其任务先做只是方向。

// Click on a task 
// Show select with peoples names 
// Select a person 
// Task is added to that persons ul 

$(document).ready(function() { 
    // populate the select with options  
    $(".person h4").each(function() { 
    var optionTexts = []; 
    optionTexts.push($(this).text()); 
    $('<option>').val(optionTexts).text(optionTexts).appendTo('select'); 
    }); 

// Get the selected person 
    var selected = $('select :selected').text(); 

// Get the HTML of the task selected to append to the persons list 
    $("#original li").click(function(){ 
    var html = $(this)[0].outerHTML; 
    $("select").removeClass("hidden"); 
    $(html).appendTo(// THE SELECTED PERSONS LIST); 

    }); 
}); 
+0

'$(this).clone(true).appendTo(...)'?不要使用'outerHTML' – Bergi

+3

你有什么问题?这似乎是一个为我做的 –

+0

嗨,感谢您的答复,对不起,这不是一个为我做的职位。我只需要方向上的帮助。不必为代码,也许只是,为什么你做到了这一点..试试这个..谢谢@Bergi多数民众赞成在我需要的东西 – user1340971

回答

0

任何帮助将是巨大的..代码,或在其任务先做只是方向。

这里是一个很大的帮助,更接近你在哪里。您需要更改两件事,只有在选择更改后才会附加任务。您需要这样做,

  1. 即使单击/选择了一个选项,也会追加。即使人A是先前的值并且再次被选择。

  2. 它也附加上一个点击的任务。您需要进行更改,以便仅追加点击的任务。

这里是jsFiddle

这是如何找到最接近的ul,在h4中搜索文本匹配。

$(html).appendTo($('h4:contains("'+selected+'")').parents('ul').find('ul')); 
+1

谢谢@Optimus多数民众赞成 – user1340971

+0

为什么不接受回来? –

+0

对不起刷新,它不再是绿色。现在修复:) – user1340971

相关问题