Question

我正在尝试使用此任务练习基础知识。

我有一个任务列表，当你点击一个任务时，一个选择显示（这是基于html中的人）

您选择一个人，然后将任务添加到那些人ul。

这是我到目前为止所做的：小提琴有更多评论： 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);

  });
});

Answer 1

任何帮助都会很棒..代码，或者只是指导首先执行哪些任务。

这是一个很好的帮助，更接近你的位置。您将需要更改两件事，只有在更改select时才会附加任务。你需要这样做，

即使单击/选择了某个选项也会追加。即使人A是先前的值并再次被选中。
它还附加了之前点击的任务。您需要进行更改，以便仅附加单击的任务。

这是 jsFiddle 。

这是找到最近的ul的方法，在h4中搜索文本匹配。

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

选择li，根据select - JQuery复制到另一个ul

1 个答案: