切換p標籤的顯示取決於內部的值

我假設這應該不是太難解決，但我幾乎是一個新手，當談到Javascript或JQuery。切換p標籤的顯示取決於內部的值

HTML：

<p><span id="AddLine1Summary"></span>,</p> 
<p><span id="AddLine2Summary"></span>,</p> 
<p><span id="TownCitySummary"></span>,</p> 
<p><span id="CountySummary"></span>,</p> 
<p><span id="PostcodeSummary"></span></p>

當客戶沒有在第2行地址填寫，還有","當前的值，以便在摘要頁，它看起來像這樣：

12 Bob Street, 
, 
BOLTON, 
Lancashire, 
BL1 1AC

所以我試圖擺脫整個行,當客戶離開這個空白。到目前爲止，我已經嘗試過，並得出這樣的：

<script> 
$(document).ready(function() { 

if ($('#AddLine2Summary:contains(",")').length == 1) { 
    $("#AddLine2Summary").parent().hide(); 
} 

}); 
</script>

parent.hide，因爲我要隱藏整個不僅僅是

來源

2013-09-23 Muhammed Bhikha

[非顯示p標籤取決於內部值]的副本（http://stackoverflow.com/questions/18957070/non-display-of-p-tag-depending-on-the-value-inside ）。澄清你的原始問題，不要發佈重複。 –

和什麼問題？ :) –

而不是檢查的長度「」你還可以檢查裏面跨度文本其中具有ID AddLine2Summary。如果它是空的，你可以把隱藏父母的代碼。

它應該看起來像：

if ($('#AddLine2Summary').is(':empty')) { 
    $("#AddLine2Summary").parent().hide(); 
}

來源

2013-09-23 11:11:43

首先，嘗試包裝你的HTML代碼段的容器，使選擇更容易：

<div class="address-container"> 
    <p><span id="AddLine1Summary"></span>,</p> 
    <p><span id="AddLine2Summary"></span>,</p> 
    <p><span id="TownCitySummary"></span>,</p> 
    <p><span id="CountySummary"></span>,</p> 
    <p><span id="PostcodeSummary"></span></p> 
</div>

然後jQuery中，看空span元素在這裏，並隱藏他們的父母p。

$('.address-container span:empty').closest('p').hide();

Example fiddle

那麼這將爲所有空地址字段，而不只是#AddLine2Summary。

來源

2013-09-23 11:12:17

切換p標籤的顯示取決於內部的值

回答

相關問題