(jQuery) 다음뷰 추천 버튼 바꾸기, 관련글 지우기

준비물: (jQuery) 연결하기


다음뷰 추천 플래시를 작은 것으로 바꾸고 그 아래에 표시되는 관련글을 삭제할 수 있다.

아래 자바스크립트 코드를 SCRIPT 태그로 감싸거나 JS 파일로 저장해서 연결한다.

$(document).ready(function($){ var daumview = $('.blogger-news-widget'); $('.blogger-news-widget').html(daumview.html().replace('recombox1.swf', 'recombox3.swf').replace('400','67')); $('.article iframe[src*=daum]').remove(); });

var daumview = $('.blogger-news-widget');
객체 재사용을 위해 변수에 저장한다.

.html(content)
매치된 요소의 내용을 HTML의 content를 설정한다.

.html()
매치된 요소의 HTML 내용을 가져온다.

iframe[src*=daum]
src 속성 값에 daum을 포함하는 iframe 요소를 선택한다.

.remove()
매치된 요소를 제거한다.


보너스

다음뷰를 다른 위치로 이동하기

// select로 매치된 요소의 뒤로 이동하기 daumview.insertAfter('select'); // 또는 $('select').after(daumview); // select로 매치된 요소의 앞으로 이동하기 daumview.insertBefore('select'); // 또는 $('select').before(daumview);


CSS 변경

daumview.css({'text-align':'', 'float':'left', 'width':''});