תיאור: מוחק אלמנטים, תואמים לביטוי שצוין מרשימת האלמנטים בהתאמה.
.not( selector )
הוספה בגרסה: 1.0
selector
ביטוי, באמצעותו יש לבצע חיפוש אלמנטים.
.not( elements )
הוספה בגרסה: 1.0
elements
אחד או יותר אלמנטים
DOM
למחיקה מקבוצה בהתאמה.
.not( function(index) )
הוספה בגרסה: 1.4
function(index)
פונקציה משמשת עבור בדיקה כל אלמנט בקבוצה.
this
- אלמנט DOM נוכחי.
אובייקט הנתון jQuery,
שמציג סט אלמנטים
DOM, שיטה
.not()
מייצרת אובייקט חדש jQuery
מתוך קבוצת אלמנטים בהתאמה.
סלקטור הנתון נבדק בכל אלמנט,
אלמנטים,
שלא מתאימים לבחירה,
נכנסים כתוצאה.
נתבונן על רשימה פשוטה:
<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
אנחנו יכולים ליישם את השיטה כדי להגדיר את הפריטים ברשימה:
תוצאה של קריאה זו היא רקע אדום עבור
item 2 ו-
item 4,
מכיוון שהם לא תואמים לבחירה
(להזכירכם, :even ו- :odd
מתחילים מאינדקס 0).מחיקת אלמנטים מסוימים
גרסה שניה של שיטה
.not()
מאפשרת לנו למחוק אלמנטים מקבוצה בהתאמה,
בהנחה שמצאנו אלמנטים האלה לפני זה בשיטה אחרת.
לדוגמה, נניח, שלרשימה שלנו יש מספר זיהוי לאחד מהפריטים:
<ul> <li>list item 1</li> <li>list item 2</li> <li id="notli">list item 3</li> <li>list item 4</li> <li>list item 5</li> </ul>
אנחנו יכולים לבחור פריט שלישי באמצעות פונקציה מובנת
getElementById()
של JavaScript:
$('li').not(document.getElementById('notli'))
.css('background-color', 'red');
ביטוי הזה מחליף צבע של פריטים 1, 2, 4, ו- 5. אנחנו יכולים לבצע אותו דבר עם ביטוי פשוט של jQuery, אבל שיטה הזו יכולה להיות שימושית, כאשר, לדוגמה, ספריות אחרות פונות לצמתים של DOM.
החל מ- jQuery 1.4, שיטה .not()
יכולה לקבל פונקציה כי ארגומנט, בדרך דומה לזאת של
.filter().
אלמנטים, עבורם פונקציה מחזירה
true
יפסלו מקבוצה מסוננת;
כל האלמנטים אחרים יכנסו.
דוגמאות
דוגמה 1
מוסיף מסגרת לאלמנטים מסוג div שלא ירוקים ולא כחולים.דוגמה 1 - קוד מלא:
מוסיף מסגרת לאלמנטים מסוג div שלא ירוקים ולא כחולים.<!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(){
$("div").not(".green, #blueone")
.css("border-color", "red");
});
</script>
<style>
div { width:60px; height:60px; margin:10px; float:left;
background:yellow; border:2px solid white; }
.green { background:#8f8; }
.gray { background:#ccc; }
#blueone { background:#99f; }
</style>
</head>
<body>
<div></div>
<div id="blueone"></div>
<div></div>
<div class="green"></div>
<div class="green"></div>
<div class="gray"></div>
<div></div>
</body>
</html>
דוגמה 4
מוחק כל האלמנטים שלא תואמים ל-«div p.selected»
,
מכל הרשימה של פסקאות בדף.
$("p").not($("div p.selected"))
האם מידע זה היה מועיל?
