Question

<tr class="list1Row#currRow mod 2#" id="job_list_#jc_id#_pjcid#jc_parent#">
    <td nowrap="nowrap" style="border-top:1px solid black; text-align:left; min-width:40px;">
        <cfset qTwokiloFavorite = application.JobControlDAO.FavoriteRead(jcid=twokilo_id,uid=#userid#)>
        <span id="job_fav_#jc_id#">
            <cfif qJcFavorite.recordcount GT 0>
                <img src="_images/star_filled.png" height="18px" width="18px" alt="Remove Favorite" style="cursor:pointer;" align="absmiddle" onclick="jc_deleteFavorite(#jc_id#);"/>
            <cfelse>
                <img src="_images/star_empty.png" height="18px" width="18px" alt="Make Favorite" style="cursor:pointer;" align="absmiddle" onclick="jc_saveFavorite(#jc_id#);"/>
            </cfif>
        </span>
    </td>
    ....other tds
</tr>

function tk_deleteFavorite(jcid)
{
    var sJcFav = "job_fav_" + jcid;
    var sEmptyStar = '<img src="_images/star_filled.png" height="18px" width="18px" alt="Remove Favorite" style="cursor:pointer;" align="absmiddle" onclick="jc_deleteFavorite(';
    sEmptyStar += jcid;
    sEmptyStar += ');"/>';

    showStatus('Removing Favorite ...');

    $j('#' + sJcFav + ' span').html(sEmptyStar);

    ajax call here to delete favorite association -- works
}

当页面加载时，最喜欢的星形由查询的值确定，这就是我在跨度中有if语句的原因。但是，当用户点击star_filled图片时，我需要将该图片替换为star_empty图片。我试图清空跨度并替换那种方式，但无法将其替换。

我停止了ajax调用，删除了喜欢的关联，因为该部分正在运行。

Answer 1

这是最终工作的，只需更改src并使用相同的功能onclick进行微调。

var img = $ j（'＃'+ sJcFav）.find（'img'）;
img.attr（“src”，img.attr（“src”）。replace（“star_filled”，“star_empty”））;

jquery通过变量id调用元素并切换出图像

1 个答案: