ページの読み込み時に jquery を実行しようとしていますが、現在は機能しています。リンクが既に保存されているかどうかを確認し、保存されている場合はテーブルをそれに設定します。img クラスを持つすべての div に対して実行する必要があるため、これは可能ですか?
$(document).ready(function(){
$(".img a").live('pageshow', function(event, ui) {
var item=$(this).attr( 'href' );
var action="check";
jqxhr = $.post("webservice.php", { action: action, color: item }, function(data) {
var result=data.result;
if (result="saved") {
$("span", this).html("Saved");
$(this).attr("href","saved");
}
}, "json")
.error(function() {
alert("error: unable to contact web service");
});
});
});
ここにHTMLがあります
<td>
<div class="img" style="background:#f8d3cf;">
<a href="f8d3cf" rev="1" class="link">
<span>Click to Save</span>
<em>Saved</em>
</a>
<div class="popup">
<div class="holder">
<div class="popup-img" style="background:#f8d3cf;"></div>
<div class="info">
<h3>Desert Warmth</h3>
<strong class="num">70YR 56/190 <span>A0542</span></strong>
</div>
</div>
</div>
</div>
</td>