1

現在利用可能な HTML コードは次のとおりです。クラス「ow_video_list_item ow_small」の複数の DIV が存在する可能性があります。

<div class="ow_video_list_item ow_small">
   <a href="http://www.site1.com">
      <img src="http://img.youtube.com/vi/xVrJ8DxECbg/default.jpg">
   </a>

   <div class="ow_video_item_title">
      Site 1
   </div>
</div>

この HTML を以下のように変更します。

<div class="ow_video_list_item ow_small">

   <img rel="xVrJ8DxECbg" src="http://img.youtube.com/vi/xVrJ8DxECbg/default.jpg">

   <div class="ow_video_item_title">
      <a href="http://www.site1.com">Site 1</a>
   </div>
</div>

PS: IMG src 属性の形式は変更されません。値「xVrJ8DxECbg」は、Youtube の動画の動画 ID です。

4

2 に答える 2

1 
$($(".ow_video_list_item").find("div")).each(function(){
 // do watever you want with divs
});
于 2013-02-26T13:11:55.230 に答える
1

これは私のために働いているコードです。他に良い解決策があれば提案してください。

$( "div .ow_video_list_item").each(function(){
   $imgSrc = $(this).children("a").children("img").attr("src");
   $videoId = $imgSrc.split("/")[4]; 
   $videoLink = $(this).children("a").attr("href");
   $linkTitle = $(this).children("div .ow_video_item_title").text();

   $(this).children("a").empty(); 
   $(this).prepend('<img rel="' + $videoId + '" src="' + $imgSrc + '"/>');
   $(this).children("div .ow_video_item_title").empty().prepend
                  ('<a href="' + $videoLink + '">'+ $linkTitle + '</a>');
});
于 2013-02-26T15:01:09.337 に答える