2010-07-28 3 views
0

저는 jQuery를 배우고 있습니다. 이전 문제를 해결하기 위해 그것을 사용하고 싶습니다. 프로그래밍 방식으로 jQuery를 사용하여 HTML 코드를 추가하고 싶습니다. 내가해야 할 일은 div 안에있는 모든 요소/객체를 "파싱"하는 jQuery 함수를 만드는 것입니다. 내 함수가 img 객체를 얻었 으면 img을 다른 내부에 넣고 싶습니다. div.jQuery를 사용하여 프로그래밍 방식으로 코드를 삽입하는 방법은 무엇입니까?

<div class="entry"> 
<div class="main-image"> 
    <img height="100" width="200" src="image-2.jpg" title="my image 1" class="attachment-single-post-image wp-post-image"> 
</div> 
<em>This is my image!</em> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper.</p> 

<div class="main-image"> 
    <img height="100" width="200" src="image-2.jpg" title="my image 2" class="attachment-single-post-image wp-post-image"> 
</div> 
<em>This is another image!</em> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper.</p> 
</div> 
:

<div class="entry"> 
<img height="200" width="300" src="image-2.jpg" title="my image 1" class="alignnone size-medium wp-image-25"> 
<em>This is my image!</em> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper.</p> 

<img height="400" width="250" src="image-2.jpg" title="my image 2" class="alignnone size-medium wp-image-25"> 
<em>This is another image!</em> 
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper.</p> 
</div> 

내가로 변경하는 jQuery를 함수를 작성하고 싶습니다 :

이의 내 기능 코드이 조각을 구문 분석하는 가정하자, 명확한 일을 만들려면

"기본적으로 내가하고 싶은 일은 다음과 같습니다.

  1. img 개체를 모두 <div class="main-image"></div> 사이에 넣으십시오.
  2. img의 클래스를 attachment-single-post-image wp-post-image으로 바꿉니다.
  3. img 높이를 100으로 바꿉니다.
  4. img 너비를 300으로 바꿉니다. 내 설명이 명확한 경우 나도 몰라

    을 :)의

. 불행히도 저는 "원어민"영어 강사가 아닙니다.

답변

3
var searchScope = $('div.entry'); 

var img = $("img", searchScope) 
      .attr("height", 100) 
      .attr("width", 300) 
      .removeClass() 
      .addClass("attachment-single-post-image wp-post-image") 
      .wrap("<div class='main-image'></div>") 
+0

안녕하세요 James, 좋아요! 그것은 효과가 있었다. 고맙습니다! –

관련 문제