항상 selector사용시 class나 id, tag[attr=value]
같이 단순한것만 사용하다, attribute속성이 있는것만 가져올수 없나 테스트중
역시 만능 jquery...안되는건 없구만
$('[attr1]' '[attr2]') : attr1,attr2 둘중 하나만 있어도 선택
$('[attr1]' && '[attr2]') : attr1,attr2 두개모두 있어야 선택
ex)
html
<div data-start="2016-01-13" data-end="2016-01-23"></div>
<div data-start="2016-01-14"></div>
selector
$('[data-start]''[data-end]')
=> [<div data-start="2016-01-13" data-end="2016-01-23"></div>,
<div data-start="2016-01-14"></div>]
$('[data-start]'&&'[data-end]')
=> [<div data-start="2016-01-13" data-end="2016-01-23"></div>]
data-name 속성을 사용하면 jquery에서 .data() 를 호출하면 object형식으로 값을 가져올수 있다.
위 예제를 예로 들면
$('[data-start]''[data-end]').each(function(idx,element){
console.log($(this).data());
console.log($(this).data('start'));
console.log($(this).data('end'));
});
=>
Object {start: "2016-01-13", end: "2016-01-23"}
2016-01-13
2016-01-23
Object {start: "2016-01-14"}
2016-01-14
undefined
처럼 사용 할 수 있다.
