#1 ファイル拡張子を取得しようとしています。それを取得したら、対応するアイコンを条件付きで表示して、ファイルの種類を示します。拡張機能を検出して、初めて機能させましたが、各アイテムを異なる方法で処理することはできません。
コードは次のとおりです。
<html>
<head>
<title>check ext</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script>
$(document).ready(function(){
$("div").each(function(){
var fileName =$('div img.myimg').attr('src')
var fileExtension = fileName.substring(fileName.lastIndexOf('.') );
if (fileExtension==".jpg")
{
$(this).next().find("#indicator").addClass("isjpg");
}
else (fileExtension==".gif")
{
$(this).next().find("#indicator").addClass("isgif");
}
});
});
</script>
<style>
.isjpg{background-image:url('images/jpg.gif');}
.isgif{background-image:url('images/gif.gif');}
#indicator{width:100px;height:100px;border:solid;border-width:1px;}
</style>
</head>
<body>
<div>
<img class="myimg" src="images/carthumb.jpg"/><div id="indicator"></div>
</div>
<div>
<img class="myimg" src="images/plus.gif"/><div id="indicator"></div>
</div>
<div>
<img class="myimg" src="images/carthumb.jpg"/><div id="indicator"></div>
</div>
</body>
</html>