31:[] 2f:{"title":"Get JavaScript array from Markdown list","cells":[{"id":0,"value":"# Get JavaScript array from Markdown list\n\n

Cam: Is it possible to get the Markdown text from a named Markdown cell instead of the DOM element?
Michael: Why do you want to?
Cam: I’m playing around with trying to parse items in a list: those that are crossed out and those that aren’t. The Markdown cell is handier to type in a list, but now I can’t get the original text (yet).

\n\nThe name of a Markdown cell refers to the DOM element in which it’s rendered; you can call _querySelectorAll_ on that to get members of the list. (Below we have a JavaScript cell rendering Markdown; this would also work if you gave a pure Markdown cell a name.)","pinned":false,"hidden":false,"mode":"md"},{"id":11,"value":"todo = md`**Example** \n- Eat lunch\n- Prep PR for adding new section to menu\n- Try on tuxedo`","pinned":true,"hidden":false,"mode":"ojs"},{"id":16,"value":"todoArray = [...todo.querySelectorAll(\"li\")].map(d => d.innerText)","pinned":true,"hidden":false,"mode":"ojs"},{"id":29,"value":"If you want to detect which ones are crossed out, you can check for a `` element inside the `
`:","pinned":false,"hidden":false,"mode":"md"},{"id":32,"value":"todo2 = md`**Example 2** \n- ~~Eat lunch~~\n- Prep PR for adding new section to menu\n- Try on tuxedo`","pinned":true,"hidden":false,"mode":"ojs"},{"id":35,"value":"todoArray1 = [...todo2.querySelectorAll(\"li\")].map((d) => ({\n text: d.innerText,\n done: !!d.querySelector(\"del\")\n}))","pinned":true,"hidden":false,"mode":"ojs"},{"id":46,"value":"[Cam has a version](https://observablehq.com/@camdecoster/parsing-list-items-in-a-markdown-cell) that supports nested lists. If you’re looking for an easy way to manually enter structured data in a cell, you might also consider YAML, [as demonstrated by Visnu here](https://observablehq.com/@visnup/tv-streaming-price-calculator).","pinned":false,"hidden":false,"mode":"md"}],"files":"$W31","stdlib":"1","titling":"auto"}