를 교체/제거,하지만 난 거의 작품을 ... 무슨추기은 /는이 코드를 작성하는 가장 최적의 방법인지 잘 모르겠어요
이것은 내가 할 노력하고있어입니다 : 나는 t을 대체하지 않습니다
이(2) 중 하나를 추가하여 숨겨진 입력 필드를 업데이트하거나 <li id>
주를 제거 클릭하면
는(1) 다른 사업부에 <li></li>
요소를 이동 그는 "u40, u56, u98"등의 값을 가질 수 있도록 숨겨진 입력 필드에서 값을 추가합니다 ...
따라서 사용자가 <li>
을 클릭하면 추가 가능한의 클래스 요소, 그 부모 <ul>
의에서 제거하고 다른 사업부의 <ul>
에 추가합니다. 또한 숨겨진 입력 필드는 <li>
요소의 ID로 업데이트됩니다. 사용자가 이동식 부류 함께 <li>
요소를 클릭하면 반대로, 반대 발생 ... <li>
그것은 부모 <ul>
의 제거 및 다른 하나에 부가하고 <li>
의 ID를 제거하여 숨겨진 입력 필드 업데이트되고 요소 ...
.
$('li').click(function() {
var uID = $(this).attr('id')+',';
if($(this).hasClass("addable")) {
$("input#edit-r").val($("input#edit-r").val() + uID);
$(this).removeClass("addable");
$(this).addClass("removable");
$(this).appendTo($("#selections ul"));
} else {
var currentValue = $("input#edit-r").val();
currentValue.replace(uID,"");
$("input#edit-r").val(currentValue);
$(this).removeClass("removable");
$(this).addClass("addable");
$(this).appendTo($(".filtered ul"));
}
});
<div class="filtered">
<ul>
<li id="u40" class="addable">U40</li>
<li id="u56" class="addable">U56</li>
<li id="u98" class="addable">U98</li>
</ul>
</div>
<div id="selections">
<ul>
</ul>
</div>
<input type="hidden" id="edit-r" value="" />
단지 옆의 노트. 사람들이 실제로 일어난 일을 실제로 테스트 할 수있는 답변과 함께 jsfiddle 링크를 제공하십시오. –
당신은 ... 나는 항상 내가 * * 알아낼 않았다 오른쪽 죄송합니다 ... 그것에 대해 잊지 ...하지만있어! – WonderBugger
문제 제목에 태그를 쓰지 마십시오. –