Javascript 敲除js隐藏图像div

我正在使用

Div绑定

image标记，它正在工作，但是当image值为null时

我想隐藏整个div，但当图像值为null时，我会得到一个空白的白色边框框，我还需要删除它。如何使用

knockout js将其存档

<ul  id="user-listview" data-bind="foreach:dataItems">
   <li>
       <div>
         <span data-bind="text:UserID"  ></span>
          <span data-bind="text:UserName" ></span>
           <span data-bind="text:mobilenumber"></span>
         </div>
      <div id="divuserImage">
         <span data-bind="text:ImageID" style="display:none"></span>
         <img style="height: 200px;width: 300px;margin-top: 10px;" data-bind="attr: { src:userImageUrl }" />
     </div>
  </li>
</ul>

function UserModel(data){
    self=this;
    self.UserID=ko.observable(data.UserID)
    self.UserName=ko.observable(data.UserName)
    self.mobilenumber=ko.observable(data.mobilenumber)
    self.userImageUrl=ko.observable(data.userimage)
    self.ImageID=ko.observable(data.ImageID)
}





函数用户模型（数据）{
self=这个；
self.UserID=ko.observable（data.UserID）
self.UserName=ko.observable（data.UserName）
self.mobilenumber=ko.observable（data.mobilenumber）
self.userImageUrl=ko.observable（data.userimage）
self.ImageID=ko.observable（data.ImageID）
}
您可以使用CSS来完成此操作。如果src中没有任何内容，则提供if null，您只需使用：

#divuserImage img[src=""] {
    display: none;
}

试试这个，如果你还没有

<ul  id="user-listview" data-bind="foreach:dataItems">
    <li>
        <div>
            <span data-bind="text:UserID"  ></span>
            <span data-bind="text:UserName" ></span>
            <span data-bind="text:mobilenumber"></span>
        </div>
        <div id="divuserImage" data-bind="visible: userImageUrl() && userImageUrl() != ' '">
            <span data-bind="text:ImageID" style="display:none"></span>
            <img style="height: 200px;width: 300px;margin-top: 10px;" data-bind="attr: { src:userImageUrl }" />
        </div>
    </li>
</ul>

我试过了，对我来说不起作用，如果值为null，它的宽度和层次为空白白色边框，那么问题中的代码是这个div的所有代码，还是您正在做其他事情来操纵div？它在foreach循环列表中的绑定，每个列表值都会有不同的图像，如果图像有值，它应该禁用，否则它应该隐藏整个“divuserImage”你的HTML看起来像编辑过的问题吗？你能告诉我们它包括foreach的样子吗？哦，顺便问一下，每个列表值是否也包含一个ImageID属性（在函数UserModel中）？否则，敲除绑定将崩溃，然后您可能会看到一个带边框的空绑定square@kittysarvajsrc中有什么？src=“”，但我正在绑定列表中的图像
function UserModel(data){
    self=this;
    self.UserID=ko.observable(data.UserID)
    self.UserName=ko.observable(data.UserName)
    self.mobilenumber=ko.observable(data.mobilenumber)
    self.userImageUrl=ko.observable(data.userimage)
    self.ImageID=ko.observable(data.ImageID)
}