תיאור:
מוחק כל הצמתי צאצא מערכה של אלמנטים בהתאמה.
שימו לב, החל מגרסה
1.2.2
פונקציה מוחקת גם מטפלי אירועים ומטמון נתונים פנימי.
.empty()
הוספה בגרסה: 1.0
שיטה הזו מוחקת לא רק ילד (וצאצאים אחרים) של אלמנטים, וגם טקסט כלשהו בסט של אלמנטים בהתאמה. זה בגלל שבהתאם למפרט של DOM, מחרוזת טקסט כלשהי בתוך אלמנט נחשבת כי צומת ילד של האלמנט. נתבונן על HTML הבא:
<div class="container"> <div class="hello">Hello</div> <div class="goodbye">Goodbye</div> </div>
אנחנו יכולים לבחור כל אלמנט להסרה:
$('.hello').empty();
זה יגרום לכך, שבמבנה של
DOM
טקסט מכיל
Hello
ימחק:
<div class="container"> <div class="hello"></div> <div class="goodbye">Goodbye</div> </div>
אם היה לנו כל מספר של אלמנטים מקוננים בתוך
<div class="hello">,
הם גם יוסרו.
כדי למנוע דליפות זיכרון, jQuery מסיר בונה אחרים, כמו נתונים ומטפלי אירועים מאלמנטים ילד לפני מחיקת אלמנטים.
דוגמאות
מוחק תוכן של כל הפסקאות בדףקוד מלא:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("button").click(function () {
$("p").empty();
});
});
</script>
<style>
p { background:yellow; }
</style>
</head>
<body>
<p>
Hello, <span>Person</span> <a href="javascript:;">and person</a>
</p>
<button>Call empty() on above paragraph</button>
</body>
</html>
האם מידע זה היה מועיל?
