2d:null 2e:["$","title",null,{"children":"Get JavaScript array from Markdown list | Toph Tucker | Observable"}] 33:[] 31:{"id":"0c055ee0859294ee","slug":"get-javascript-array-from-markdown-list","title":"Get JavaScript array from Markdown list","thumbnail":"d45e9e5a2a7c159c6b0cd463470ab7a054d84f9f2f7a968917a2e4edab8fe4ba","access_level":"public","create_time":"$D2022-06-07T18:54:55.472Z","update_time":"$D2022-06-07T22:18:24.982Z","view_time":null,"first_public_time":"$D2022-06-07T19:11:13.515Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"97290e936c339d8e","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":"pro_2026"},"version":63,"publish_version":63,"role":null,"authored":false,"authors":[{"type":"individual","id":"0bb2842b01e0c652","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":null}],"members":[{"type":"individual","id":"0bb2842b01e0c652","login":"tophtucker","name":"Toph Tucker","avatar_url":"https://avatars-next.observableusercontent.com/3706c31a8f9c59bb716c022c04b9c073144cd1368b78ac85f49139be6c93c34e","tier":null,"role":"editor"}],"comments":[{"id":"65bf8f82ba96f4e2","reply_to_id":null,"content":"Parallel thoughts: I created a tutorial for this a while back in case you're interested https://observablehq.com/@triptych/how-to-convert-a-markdown-list-to-json","create_time":"$D2022-06-07T20:29:55.234Z","update_time":null,"resolved":false,"user":{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null}}],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"ecc07c839329185d","slug":"testing","title":"Testing / Helping","owner":{"id":"97290e936c339d8e","login":"tophtucker","name":"Toph Tucker"}},"type":"notebook","body":{"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","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"todoArray = [...todo.querySelectorAll(\"li\")].map(d => d.innerText)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"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","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"