jquery의 each 와 clone ㅡ,.ㅜ
마땅히 스크립트 관련한 질문글을 올릴만한 곳을 찾지 못해서 자유로운 게시판에 ^-^
<ul>
<li>내용<p>내용</p><div class="dialog"></div></li>
<li>내용<p>내용</p><div class="dialog"></div></li>
</ul>
여기서 <p>내용</p> 을 clone()를 이용해서 <div class="dialog"></div> 안에 복사하려 합니다.
<p>내용</p>은 각각 다르기 때문에
$(".ul li").each(function(){
$(this + 'p').clone().appendTo(this + '.dialog');
});
요렇게 해줬습니다.
근데 왜 제대로 복사가 안될까요 ㅡ,.ㅜ
게다가 jQuery UI 중 dialog()를 같은 class로 호출해서 쓰려고
$(".dialogview").click(function(){
$(this).next(".dialog").dialog("open");
return false;
});
이렇게 해주고
<a href="" class="dialogview">다얄로구열기</a>
<div class="dialog"></div>
했는데 안열리네요 -_-;;
오늘 오후 내내 삽질하다가 글 올려봅니다 ㅠ.ㅠ
<ul>
<li>내용<p>내용</p><div class="dialog"></div></li>
<li>내용<p>내용</p><div class="dialog"></div></li>
</ul>
여기서 <p>내용</p> 을 clone()를 이용해서 <div class="dialog"></div> 안에 복사하려 합니다.
<p>내용</p>은 각각 다르기 때문에
$(".ul li").each(function(){
$(this + 'p').clone().appendTo(this + '.dialog');
});
요렇게 해줬습니다.
근데 왜 제대로 복사가 안될까요 ㅡ,.ㅜ
게다가 jQuery UI 중 dialog()를 같은 class로 호출해서 쓰려고
$(".dialogview").click(function(){
$(this).next(".dialog").dialog("open");
return false;
});
이렇게 해주고
<a href="" class="dialogview">다얄로구열기</a>
<div class="dialog"></div>
했는데 안열리네요 -_-;;
오늘 오후 내내 삽질하다가 글 올려봅니다 ㅠ.ㅠ
댓글 7개
14년 전
p 안에 내용만 복사하는 것인지, p까지 포함해서 하는 것인지는 모르겠지만, 내용만 복사한다는 가정하에..
$('ul > li').each(function(){
$(this).children('div.dialog').html($(this).children('p').html());
});
이렇게하면 아래와 같이 완성이 되겠지요.
<ul>
<li>내용<p>내용</p><div class="dialog">내용</div></li>
<li>내용<p>내용</p><div class="dialog">내용</div></li>
</ul>
$('ul > li').each(function(){
$(this).children('div.dialog').html($(this).children('p').html());
});
이렇게하면 아래와 같이 완성이 되겠지요.
<ul>
<li>내용<p>내용</p><div class="dialog">내용</div></li>
<li>내용<p>내용</p><div class="dialog">내용</div></li>
</ul>
JY소프트
14년 전
$(".ul li").each(function(){
$(this + 'p').clone().appendTo(this + '.dialog');
});
.ul 때문은 아니겠죠?
$(this + 'p').clone().appendTo(this + '.dialog');
});
.ul 때문은 아니겠죠?
JY소프트
14년 전
$(".dialogview").click(function(){
$(this).next(".dialog").dialog("open");
return false;
});
두번째줄 .dialog("open"); 이게 뜻하는게 뭔지요?
$(this).next(".dialog").dialog("open");
return false;
});
두번째줄 .dialog("open"); 이게 뜻하는게 뭔지요?
14년 전
p까지 포함하면 clone 해버리면 됩니다.
$('ul > li').each(function(){
$(this).children('div.dialog').html($(this).children('p').clone());
});
jquery ui dailog는 안써봐서 모르겠네요ㅎㅎ
$('ul > li').each(function(){
$(this).children('div.dialog').html($(this).children('p').clone());
});
jquery ui dailog는 안써봐서 모르겠네요ㅎㅎ
게시판 목록
자유게시판
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 |
|
2주 전 | 52 | |
| 199508 |
|
3개월 전 | 470 | |
| 199507 | 3개월 전 | 326 | ||
| 199506 | 3개월 전 | 246 | ||
| 199505 | 3개월 전 | 364 | ||
| 199504 | 3개월 전 | 302 | ||
| 199503 |
비버팩토리
|
3개월 전 | 200 | |
| 199502 | 3개월 전 | 332 | ||
| 199501 |
|
3개월 전 | 253 | |
| 199500 | 3개월 전 | 517 | ||
| 199499 | 3개월 전 | 304 | ||
| 199498 | 3개월 전 | 260 | ||
| 199497 | 3개월 전 | 206 | ||
| 199496 | 3개월 전 | 425 | ||
| 199495 |
nekoieye
|
3개월 전 | 206 | |
| 199494 | 3개월 전 | 237 | ||
| 199493 | 3개월 전 | 167 | ||
| 199492 | 3개월 전 | 224 | ||
| 199491 | 3개월 전 | 222 | ||
| 199490 |
|
3개월 전 | 230 | |
| 199489 | 3개월 전 | 341 | ||
| 199488 | 3개월 전 | 308 | ||
| 199487 | 3개월 전 | 237 | ||
| 199486 | 3개월 전 | 357 | ||
| 199485 | 3개월 전 | 449 | ||
| 199484 | 3개월 전 | 344 | ||
| 199483 | 3개월 전 | 227 | ||
| 199482 |
|
3개월 전 | 484 | |
| 199481 |
|
3개월 전 | 245 | |
| 199480 |
비버팩토리
|
3개월 전 | 263 | |
| 199479 | 3개월 전 | 308 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기