Написал функцию по удалению элемета по его содержанию (может у кого есть код лучшей реализации?), и когда подаю название контейнера ('сontainer'), тип елемента ('a'), значение ('Back to Home'), хочу тот элемент у которого такое значение - удалить, но что то не получаеться...
первый алерт выводит почему то:
javascript:tpzDrillTable('var/L.back.msg', 'Back to Home', '204','',true)
второй выводит весь искомый
и третий выдает - Back to Home (что правильно наверно)
Вопрос как правильно удалить такой элемент? Пробовал и внутрености чистить и удалять - срабатывет черт знает как и скрипт останавливаеться...
демо пример:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
function DeleteIT(containerElementID, ElementType, SValue)
{
var trgElement = document.getElementById(containerElementID).getElementsByTagName(ElementType);
var RpdT = trgElement.length;
for (var i=0; i<RpdT; i++)
{
if (trgElement[i].outerHTML.replace(/<\/?[^>]+>/g, '') == SValue)
{
alert(trgElement[i]);
alert(trgElement[i].outerHTML);
alert(trgElement[i].innerHTML);
trgElement[i].parentNode.removeChild(trgElement[i]);
//trgElement[i].outerHTML = "";
}
}
}
$(document).ready(function ()
{
DeleteIT('container', 'a', 'Back to Home')
});
</script>
</head>
<body>
<div id="container">
<div id="1">Blabla</div>
<a buttonid="204" id="X18Border" href="javascript:tpzDrillTable('var/L.back.msg', 'Back to Home', '204','',true)" title="Back to Home" tabindex="" content="Back to Home">Back to Home</a>
<div id="N">bloblo</div>
</div>
</body>
</html>