HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Test</title>
<script type =".../jquery-1.5.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
alert('document completely loaded');
});
function startDomManipulation()
{
var myBox = $('#box0');
$(myBox).remove();
alert($('body').html());
}
function startDomManipulation2()
{
var myBox = $('#box0');
$('myBox p').remove();
alert($('body').html());
}
function startDomManipulation3()
{
$('#box0 p').remove();
alert($('html').html());
}
</script>
</head>
<body>
<div id="box0">
plaintext1
<p>absatz1</p>
<p>absatz2</p>
<div>ein div</div>
<div><p>ein div mit absatz<p></div>
plaintext2
<script type ="text/javascript">alert("flag: 1");</script>
<div>
<script type ="text/javascript">alert("flag: 2");</script>
</div>
</div>
<p>freier absatz</p>
<div>
<div>
<script type ="text/javascript">alert("flag: 3");</script>
</div>
</div>
<input type="button" value="outputText" onclick="startDomManipulation()">
<input type="button" value="outputText2" onclick="startDomManipulation2()">
<input type="button" value="outputText3" onclick="startDomManipulation3()">
</body>
</html>Hi ich möchte in diesem Fall als Beispiel das Element <p> löschen, welches sich im div mit der id="box0" befindet.
Die Funktionen startDomManipulation1() undstartDomManipulation3() funktionieren wunderbar.
Aber wie schaffe ich es auf <p> Elemente zuzugreifen die in einer Variablen gespeichert sind, um sie dann zu löschen, prinzipiell meine ich sowas was in startDomManipulation2() steht, was aber leider so nicht funktioniert, wie müsste ich diese Funktion umschreiben, damit das klappt?
