Files

Nicholas Carrigan (he/him) 3da4be21bb chore: seed chinese traditional (#42005 )

Seeds the chinese traditional files manually so we can deploy to
staging.

2021-05-05 22:43:49 +05:30

1.4 KiB

Raw Blame History

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7fa6367417b2b2512bc3	用 D3 選擇一組元素	6	301490	select-a-group-of-elements-with-d3

--description--

selectAll() 方法選擇一組元素。它以 HTML 節點數組的形式返回該文本中所有匹配所輸入字符串的對象。以下是一個選擇文本中所有錨標籤的例子：

const anchors = d3.selectAll("a");

像 select() 方法一樣，selectAll() 也支持鏈式調用，你可以在它之後調用其他方法。

--instructions--

選擇所有的 li 標籤，通過 .text() 方法將它們的文本改爲 list item。

--hints--

頁面上應該有 3 個 li 元素，每個元素的文本內容應爲 list item。大寫和間距應完全匹配。

assert(
  $('li')
    .text()
    .match(/list item/g).length == 3
);

應該能訪問 d3 的對象。

assert(code.match(/d3/g));

應該使用 selectAll 方法。

assert(code.match(/\.selectAll/g));

--seed--

--seed-contents--

<body>
  <ul>
    <li>Example</li>
    <li>Example</li>
    <li>Example</li>
  </ul>
  <script>
    // Add your code below this line



    // Add your code above this line
  </script>
</body>

--solutions--

<body>
  <ul>
    <li>Example</li>
    <li>Example</li>
    <li>Example</li>
  </ul>
  <script>
    d3.selectAll("li")
      .text("list item")
  </script>
</body>

1.4 KiB Raw Blame History