Question

我有一些动态来自数据库的html数据。在一些html中，div正确关闭，一些记录内部的div没有正确关闭。我把这些东西放到了jquery标签中，但是当未完成的div出现时，标签停止工作。我想要一些动态结束open div的东西。

Answer 1

如果您在呈现之前可以访问HTML，那么很容易：让jQuery为您咀嚼它。例如：

jQuery("<div>Hello <span>Sir</span>")[0].outerHTML;

会给你：

<div>Hello <span>Sir</span></div>

因此，如果您能够在变量“dbStringName”中将接收到的HTML插入到选项卡中，那么只需执行

var myCleanedUpHTML = jQuery(dbStringName)[0].outerHTML;

并将其放在标签中。

Answer 2

您可能需要考虑确保放入数据库的html在开始时都已正确关闭。

或者您可以使用javascript的indexof检查div是否正确关闭，如果没有，则添加结束div。

类似的东西：

if (!dbStringName.indexOf("</div>") > -1){
  //add div here
 }

Answer 3

使用div

将此css用于表

    .containerDiv { 
  border: 1px solid #3697f6;
  width: 100%; display:table
}
.rowDivHeader {
  border: 1px solid #668db6;
  background-color: #336799;
  color: white;
  font-weight: bold; display:table-row
}
.rowDiv {
  border: 1px solid #668db6;
  background-color: #cee6fe;
  display:table-row
}
.cellDivHeader {
  border-right: 1px solid white;
  display: table-cell;
  width:12%;
  padding: 1px;
  text-align: center; 
}
.cellDiv {
  border-right: 2px solid white;
  display: table-cell;
  width:10%;
  padding-right: 4px;
  text-align: center;
  border-bottom: none;
}

.lastCell {
  border-right: none;
}

动态结束div容器内的所有div

3 个答案: