-1

大家好，我只想隐藏没有图像 Src 的 href 这是我的网站链接，我想在其中执行此操作..

点击这里查看我的网站页面

我已经用 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>

请建议我更好的方法来做到这一点

4

3 回答 3

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，您应该一切顺利。

于 2013-11-12T20:41:38.203 回答
2

你可以用一行 jQuery 做到这一点：

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

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

于 2013-11-12T20:43:17.833 回答
0

我的选择器错了

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

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

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

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

  </script>
于 2013-11-14T11:44:51.220 回答