動態結束div容器中的所有div

Question

我有一些HTML數據動態地來自數據庫。 在某些html中，div已正確關閉，而某些記錄中的div未使用正確關閉。 我把這些東西放到了一個jquery選項卡中，但是當無休止的div出現時，該選項卡停止工作。 我想要打開div可以動態結束的東西。

Answer 1

如果您可以在HTML呈現之前訪問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

使用此CSS到表使用div

    .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;
}