0

我正在尝试通过这项任务练习基础知识。

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

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

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

  });
});
4

1 回答 1

0

任何帮助都会很棒..代码，或者只是关于首先执行哪些任务的方向。

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

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

  2. 它也会附加上一个单击的任务。您将需要进行更改，以便它仅附加单击的任务。

这是jsFiddle。

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

$(html).appendTo($('h4:contains("'+selected+'")').parents('ul').find('ul'));
于 2013-08-04T14:24:22.853 回答