This could be much more concise but I broke it down anyway.
var removenonBreakingSpace = function(){
var requiredFieldValidator4 = $('#RequiredFieldValidator4');
var parent = $(requiredFieldValidator4).parent();
var html = $(parent).html();
var formattedHtml = html.replace(' ','');
$(parent).html(formattedHtml);
}
Here is my full test page. This works:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
var removenonBreakingSpace = function () {
var requiredFieldValidator4 = $('#RequiredFieldValidator4');
var parent = $(requiredFieldValidator4).parent();
var html = $(parent).html();
var formattedHtml = html.replace(' ', '');
$(parent).html(formattedHtml);
}
$(function () {
removenonBreakingSpace();
});
</script>
</head>
<body>
<div class="col-lg-6 col-md-6 col-sm-12">
<input type="text" class="txtbox hasDatepicker" id="txtStartDate" name="txtStartDate">
<span class="val" id="RequiredFieldValidator4">Start Date is required</span>
<span class="abso _icon clender"></span>
</div>
</body>
</html>