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

大家好，我只想隐藏没有图像Src的href 这是我想做这件事的网站链接

我已经用JSFIDLE实现了这一点，但我想在我的网站上实现这一点，但我不明白为什么这在我的网站上不起作用

下面是我想做的

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

母版页中的javascript源代码

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>

---

请建议我更好的方法来做这件事

试着改变你的代码，这样说：

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

---

它在JSFIDLE中工作正常，因为$'img'与$'.thumbs img'相同，而我假设它不在您的网站中。将其更改为查看this.src，您就可以开始了。

您可以使用一行jQuery来完成此操作：

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

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

我的选择器错了

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

每当我们需要在多个id和类中选择特定的标记时，我们必须在这方面做到具体。。其次，对于href，我们可以将其指定为[href$='SourceName.extension]，它将自动添加目标标记所需的内容

这是我的解决方案，只需要访问您的目标标签

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

  </script>

---

你能从你的网站上发布代码吗？@Suman Ray我使用的jQuery和我在JSFIDLE中写的一样。如果你在这里发布关于这个问题的所有相关代码，并帮助保持网站对其他人有用，我们会更容易帮助你。我可以保证你的个人网站不会有这个漏洞；如果其他人看不到这个问题，或者如果一个私营网站有一天关闭了，他们将如何从你的经验中学习？由于这些链接，我对你的问题投了反对票。@ScottMermelstein现在我更新了我的问题！希望您现在已经了解了为什么要加载jQuery三次？这也是我要建议的，但是OP确实需要发布网页中的实际代码。很难找到他们在问什么，快告诉我！如果您将此代码复制并粘贴到控制台并运行它，它将按预期删除图像。干得好！另外，$'img'[index]不起作用的原因是，它从页面上的所有图像中抓取，而不是从所选的.each循环中抓取。@jfriend00我同意。我见过其他人只是把它贴在自己身上，当然，如果OP不贴的话，我也可以这样做，但我给他留了张便条，希望他能学会如何成为一名好的社区成员。不，亲爱的，我的网站上仍然没有这个功能。。请告诉我，如果您需要更多所需的代码，对不起，我的英语很可靠，我们可以使用类似$.thumbs img[src$='noimage.png'].hide；

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

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

  </script>