html 태그에 있는 정보들를 한번에 받아와 리스트 만드는 방법!
제목 붙이기가 어렵네요...
<예제 html>
### html
<ul class="list_org revertEnabled">
<li class="template" data-external-key="#externalKey#" data-name="#name#" data-email="#email#" data-type-code="#typeCode#" data-master-key = "${userindex}">
<div class="_eddrViewWrap">
<div class="eddrWrap">
<span class="eddrView" title="#email#">#name# </span>
<a href="#" class="btn_del"><img src="${url.context}/images/swp/common/b.gif" width="8" height="8" alt="삭제"></a>
</div>
</div>
</li>
</ul>
위의 태그에서 name, email, typeCode, externalKey 의 값을 받아와 map으로 만들려고한다.
원래 하던 방법은 jQuery를 이용해 해당 값들을 받아온 후 map으로 만들어야한다.
하지만 값을 받아오는 동시에 map으로 return하는 방법이 있다!!
바로 [selector].map(function() {...}).get() 을 사용하면된다.
### js
// 필요한 정보만으로 리스트 만들기
var $inviteMember = $('.list_org');
var _memberList = $inviteMember.map(function() {
var $this = $(this);
return {
name: $this.data('name'),
email: $this.data('email'),
typeCode: $this.data('typeCode'),
externalKey: '' + $this.data('externalKey') // int -> string
};
}).get();
위와 같이 사용하면 한번에 필요한 정보를 리스트로 만들어 사용할 수 있다!
그럼 다들 불금!
