0

我假设这不应该太难解决，但是当涉及到 Javascript 或 JQuery 时，我几乎是个新手。

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

<p><span id="AddLine2Summary"></span>,</p>所以当客户留下这个空白时，我试图摆脱整条线。到目前为止，我已经尝试过：

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

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

});
</script>

parent.hide因为我必须隐藏整个<p>而不只是<span>

4

2 回答 2

0

除了检查“，”的长度，您还可以检查具有 ID AddLine2Summary 的 span 内的文本。如果它是空的，你可以把隐藏父母的代码。

它应该看起来像：

if ($('#AddLine2Summary').is(':empty')) {
    $("#AddLine2Summary").parent().hide();
}
于 2013-09-23T11:11:43.850 回答
0

首先，尝试将您的 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元素，并隐藏它们的 parent p。

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

示例小提琴

这将适用于所有空地址字段，而不仅仅是#AddLine2Summary.

于 2013-09-23T11:12:17.807 回答