如何刪除動態創建的 <div> 如果在asp.net C＃中img src =&#39;undefined&#39;是否標記？

Question

我正在嘗試選擇文件夾內容。當我選擇該文件夾時，該文件夾包含圖像，它將選擇所有內容。另外，它正在使用img src undefind。 所以我需要刪除如果使用asp.net c＃未定義src該如何刪除

<div id="cell" class="box2">
    <a href="undefined">
        <img width="260px" height="135px" src="undefined"
            alt="" 
            style="box-shadow: 1px    2px 2px #BDBDBD;
            border: 1px solid #D1D1D1;">
       </img>
    </a>
</div>

文件后面的代碼：

protected void chbindustry_SelectedIndexChanged(object sender, EventArgs e)
{
    if (result == false)
    {
        string[] subdirectoryEntries = Directory.GetDirectories(Server.MapPath("BusinessCards"));
        string f;
        string[] ss;
        string side = chklist.SelectedValue;// RadioButtonList1.SelectedValue;
        foreach (ListItem li in chbindustry.Items)
        {
            if (li.Selected)
            {

                ss = li.Text.Split('(');

                f = Server.MapPath("BusinessCards").ToString() + "\\" + ss[0];
                int c = f.Count();
                DirectoryInfo d = new DirectoryInfo(f);
                int len = d.GetFiles().Length;
                for (int i = 1; i <= d.GetFiles().Length / 3; i++)
                {
                    Page.ClientScript.RegisterArrayDeclaration("ImgPaths", "'" + "BusinessCards/" + f.Remove(0, f.LastIndexOf('\\') + 1) + "/" + i + ".jpg'");
                    Page.ClientScript.RegisterArrayDeclaration("refs", "'" + "DesignBCs.aspx?img=BusinessCards/" + f.Remove(0, f.LastIndexOf('\\') + 1) + "/" + i + "&Side=" + side + "'");
                }
            }
        }
    }
    result = true;
}

動態創建div：

<script type="text/jscript">
    $(document).ready(function () {

        for (var i = 0; i < ImgPaths.length; i = i + 3) {
            var rowdiv = '<div id="row">';
            rowdiv = rowdiv + ' <div id="cell" class="box2">';
            rowdiv = rowdiv + ' <a href="' + refs[i] + '"><img width="260px" style="box-shadow: 1px 2px 2px #BDBDBD; border: 1px solid #D1D1D1;" height="135px" alt="" src="' + ImgPaths[i] + '"></img></a> ';
            rowdiv = rowdiv + ' </div>';
            rowdiv = rowdiv + ' <div id="cell" class="box2">';
            rowdiv = rowdiv + '  <a href="' + refs[i + 1] + '"><img width="260px" style="box-shadow: 1px 2px 2px #BDBDBD; border: 1px solid #D1D1D1;" height="135px" alt="" src="' + ImgPaths[i + 1] + '"></img></a>';
            rowdiv = rowdiv + '</div>';
            rowdiv = rowdiv + ' <div id="cell" class="box2">';
            rowdiv = rowdiv + ' <a href="' + refs[i + 2] + '"><img width="260px" style="box-shadow: 1px 2px 2px #BDBDBD; border: 1px solid #D1D1D1;" height="135px" alt="" src="' + ImgPaths[i + 2] + '"></img></a>';
            rowdiv = rowdiv + '</div>';
            rowdiv = rowdiv + '</div>';
            $("#table").append(rowdiv);
        }
    });
</script>

Answer 1

處理圖片的onError事件以調用JavaScript函數，該函數將刪除div：

function imgError(divid) {
  document.getElementById(divid).style.display = 'none';
    return true;
}


<img src="image.png" onerror="imgError(divid);"/>

您需要將div id傳遞給要隱藏的功能。

Answer 2

如果您不介意使用JQuery，這將為您工作。 在這里查看演示

$(document).ready(function () {
    $('img[src="undefined"]').remove();
});

更新了DEMO以刪除div。

$('img[src="undefined"]').parent().parent().remove();