使用Jquery在库中隐藏特定图像

时间:2013-11-12 20:34:10

标签: javascript jquery asp.net

嗨,我希望只隐藏没有Image Src的href 这是我的网站链接,我想这样做..

Click here to see my site page

我已经用jSFiddle完成了这个但是想在我的网站上实现这个但是不要弄清楚为什么这不能在我的网站上运行

JSFiddle

我想做的是

<script type="text/javascript">

    function pageLoad(){
        $('div#right_contan#<%=FormView1.ClientID %> div.img_slider_car p.thumbs a').each(function(index) {

            if ($('a')[index].href == 'http://localhost:37245/NewPeaceAuto - Steer_Well/WebStock_Images/noimage.png') {
                $(this).hide();
            }
            else {
                $(this).show();

            }
        });
    };
    </script>

这是我在asp.net中的源代码

母版页中的javascript来源

<asp:ScriptManager ID="ScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Path="~/js/jquery.js" />
            <asp:ScriptReference Path="~/js/jquery-1.4.2.js" />
            <asp:ScriptReference Path="~/js/jquery.min.js" />
            <asp:ScriptReference Path="~/js/jquery-ui-1.8.18.custom.min.js" />
            <asp:ScriptReference Path="~/js/jquery.tools.min.js" />
            <asp:ScriptReference Path="~/js/custom.js" />
            <asp:ScriptReference Path="~/js/hoverIntent.js" />
            <asp:ScriptReference Path="~/js/menu.js" />
        </Scripts>
    </asp:ScriptManager>

page.aspx中的自定义用户控制代码(我在css类拇指中获取图像)

<asp:FormView ID="FormView1" runat="server" DataSourceID="odsSTOCK">
        <ItemTemplate>
            <div class="img_slider_car" style="width:670px;">
                <div>
                    <img src="images/Detail_Car_Img.png" />
                    <p class="CarDetail_headertext">
                        <%#Eval("make")%>
                        &nbsp;&nbsp;
                        <%#Eval("model_description")%>
                        &nbsp;&nbsp;<%#Eval("MODEL")%></p>
                </div>
                <div class="CarDetail_Right">
                    <p style="margin-left: 8px; margin-top: 0;">
                        <a href="Negotiation.aspx?id=<%#Eval("ID")%>">
                            <input id="btnNego" value="Negotiation" type="button" class="button_3" style="width:100px"/>
                        </a><a href="EnquiryForm.aspx?id=<%#Eval("ID")%>">
                            <input id="btnEnquiry" value="Enquiry" type="button" class="button_1" />
                    </p>
                    <ul>
                        <li><a href="">Chasiss: <b>
                            <%#Eval("chassis_no")%>
                        </b></a></li>
                        <li><a href="">Body Type:<b>
                            <%#Eval("make_category")%>
                        </b></a></li>
                        <li><a href="">Model Year: <b>
                            <%#Eval("MODEL")%>
                        </b></a></li>
                        <li><a href="">Trans: <b>
                            <%#Eval("Transmission")%>
                        </b></a></li>
                        <li><a href="">Color: <b>
                            <%#Eval("COLOR")%>
                        </b></a></li>
                        <li><a href="">Mileage: <b>
                            <%#Eval("mileage")%>
                        </b></a></li>
                        <li><a href="">Grade: <b>
                            <%#Eval("veh_grade")%>
                        </b></a></li>
                        <li><a href="">Fuel Type: <b>
                            <%#Eval("fuel_type")%>
                        </b></a></li>
                    </ul>
                </div>

                <p style="padding-top:21px;" >
                    <img id="largeImg" src="<%=appdata.Stk_Img_Path %><%#Eval("IMAGE1")%>" alt="Large image"  width="120px" height="90px" />
                </p>
                <p class="thumbs" style="width: 672px;">
                    <a href="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE1") %>" title="<%# Eval("make") %>  <%#Eval("model_description")%>">
                        <img src="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE1") %>" /></a> <a href="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE2") %>"
                            title="<%# Eval("make") %>  <%#Eval("model_description")%>">
                            <img src="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE2") %>" /></a> <a href="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE3") %>"
                                title="<%# Eval("make") %><%#Eval("model_description")%>">
                                <img src="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE3") %>" /></a> <a href="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE4") %>"
                                    title="<%# Eval("make") %><%#Eval("model_description")%>">
                                    <img src="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE4") %>" /></a> <a href="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE5") %>"
                                        title="<%# Eval("make") %><%#Eval("model_description")%>">
                                        <img src="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE5") %>" /></a> <a href="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE6") %>"
                                            title="<%# Eval("make") %><%#Eval("model_description")%>">
                                            <img src="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE6") %>" /></a>
                    <a href="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE7") %>" title="<%# Eval("make") %>  <%#Eval("model_description")%>">
                        <img src="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE7") %>" /></a> <a href="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE8") %>"
                            title="<%# Eval("make") %>  <%#Eval("model_description")%>">
                            <img src="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE8") %>" /></a> <a href="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE9") %>"
                                title="<%# Eval("make") %>  <%#Eval("model_description")%>">
                                <img src="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE9") %>" /></a> <a href="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE10") %>"
                                    title="<%# Eval("make") %>  <%#Eval("model_description")%>">
                                    <img src="<%=appdata.Stk_Img_Path %><%# Eval("IMAGE10") %>" /></a>
                </p>
            </div>

        </ItemTemplate>
    </asp:FormView>

请告诉我更好的方法

3 个答案:

答案 0 :(得分:3)

尝试更改您的代码以说明这一点:

 $('.thumbs img').each(function(index) {    
    if (this.src == 'http://www.abumousamotors.com/WebStock_Images/noimage.png'){
        $(this).hide(); 
    } else {
        $(this).show();
    }
 });

它在jsfiddle中运行正常,因为$('img')$('.thumbs img')相同,而我假设它不在您的网站中。将其更改为this.src,你应该好好去。

答案 1 :(得分:2)

你可以用一行jQuery来做到这一点:

$('.thumbs img[src$="noimage.png"]').hide();

但是......如果abumousamotors.com更改了他们的文件名,它将无法正常工作。所以这不是一个真正可靠的解决方案。

答案 2 :(得分:0)

我的选择器错了

$('div#right_contan#<%=FormView1.ClientID %> div.img_slider_car p.thumbs a')

每当我们需要在多个id和class中选择特定标签时我们必须在这方面具体。其次对于href我们可以将其指定为[href $ ='SourceName.Extention]它会自动获取目标代码所需的内容

这是我的解决方案(只需要专门访问您的目标标签)

<script type="text/javascript">
      function pageLoad() {
          $("#right_contan .img_slider_car p.thumbs a[href$='noimage.png']").hide()
      };

  </script>