Merge pull request #14549 from JoolsMcFly/fix/change-challenge-description
change challenge description and update testspull/14578/head^2
commit
35a6cebeb5
|
@ -1360,18 +1360,18 @@
|
|||
},
|
||||
{
|
||||
"id": "bad87fee1348bd9aed008826",
|
||||
"title": "Target Even Numbered Elements Using jQuery",
|
||||
"title": "Target Even Elements Using jQuery",
|
||||
"required": [
|
||||
{
|
||||
"link": "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.css"
|
||||
}
|
||||
],
|
||||
"description": [
|
||||
"You can also target all the even-numbered elements.",
|
||||
"Here's how you would target all the odd-numbered elements with class <code>target</code> and give them classes:",
|
||||
"You can also target elements based on their positions using <code>:odd</code> or <code>:even</code> selectors.",
|
||||
"Note that jQuery is zero-indexed which means the first element in a selection has a position of 0. This can be a little confusing as, counter-intuitively, <code>:odd</code> selects the second element (position 1), fourth element (position 3), and so on.",
|
||||
"Here's how you would target all the odd elements with class <code>target</code> and give them classes:",
|
||||
"<code>$(\".target:odd\").addClass(\"animated shake\");</code>",
|
||||
"Note that jQuery is zero-indexed, meaning that, counter-intuitively, <code>:odd</code> selects the second element, fourth element, and so on.",
|
||||
"Try selecting all the even-numbered <code>target</code> elements and giving them the classes of <code>animated</code> and <code>shake</code>. Even-numbered is defined here with a zero-index in mind."
|
||||
"Try selecting all the even <code>target</code> elements and giving them the classes of <code>animated</code> and <code>shake</code>. Remember that <strong>even</strong> refers to the position of elements with a zero-based system in mind."
|
||||
],
|
||||
"challengeSeed": [
|
||||
"fccss",
|
||||
|
@ -1415,8 +1415,8 @@
|
|||
],
|
||||
"tests": [
|
||||
"assert($('.target:even').hasClass('animated') && $('.target:even').hasClass('shake'), 'message: All of the <code>target</code> elements that jQuery considers to be even should shake.');",
|
||||
"assert(code.match(/\\:even/g), 'message: You should use the <code>:even</code> function to modify these elements.');",
|
||||
"assert(code.match(/<button class=\"btn btn-default target\" id=\"target3\">/g), 'message: Only use jQuery to add these classes to the element.');"
|
||||
"assert(code.match(/\\:even/g), 'message: You should use the <code>:even</code> selector to modify these elements.');",
|
||||
"assert(code.match(/\\$\\(\".target:even\"\\)/g) || code.match(/\\$\\('.target:even'\\)/g) || code.match(/\\$\\(\".target\"\\).filter\\(\":even\"\\)/g) || code.match(/\\$\\('.target'\\).filter\\(':even'\\)/g), 'message: Only use jQuery to add these classes to the element.');"
|
||||
],
|
||||
"type": "waypoint",
|
||||
"challengeType": 0,
|
||||
|
|
Loading…
Reference in New Issue