jQuery Simple Example
HTML
<script src="//www.addressfinder.co.nz/assets/v2/widget.js"></script>
<dl class="item-options">
<dt>Radio test</dt>
<dd>With Name </dd>
<dt>Font</dt>
<dd>no font selected </dd>
</dl>
<dl class="item-options">
<dt>Radio test</dt>
<dd>With Name + Date</dd>
<dt>Font</dt>
<dd>Arial </dd>
</dl>
<dl class="item-options">
<dt>Radio test</dt>
<dd>With Name + Date + Time</dd>
<dt>Font</dt>
<dd>Comic Sans </dd>
</dl>
CSS
body {
padding: 5px;
}
label {
font-weight: bold;
}
.item-options{
background:grey;
margin-bottom:5px;
color:blue;
}
input[type=text] {
width: 20em
}
p {
margin: 1em 0 0;
}
JavaScript
$( document ).ready(function() {
if ($('.item-options dd:contains("With Name")').length > 0)
{
var parent = $('.item-options');
var children = $('.item-options').find("dd");
$(children).each(function(i,e){
if(~$(e).text().indexOf("With Name + Date + Time")){
$(e).nextAll().remove();
}
else if(~$(e).text().indexOf("With Name + Date")){
$(e).nextAll().remove();
}
});
}
});