bigskysoftware / bigskysoftware/_hyperscript

set a (same) class to a next element using the class to find the first element

Aperta
#413 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
JavaScript
Stelle
3.8k
Fork
172
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

Hello,

I have a input field and a list. the input field contains script.
When the input field is changed, the list will shift the selected class to the next element. Snippet code example:

```








```
This isn't working. Due to the `from .selected`
my understanding from thr docs:

`(next|previous) [from ] [within ] [with wrapping]`

is that after the from an expression is allowed to defined a starting point other that `me` wich is the input field and not usable.
Also my understanding of expression can be anything as from the doc:
```
Others are a bit more exotic and, for example, make it easy to work with the DOM:

ID References: #foo
Class References: .tabs
Query References:


Attribute References: @count
```

I tried to use something else like adding ID (hacking on a li the id via console) as reference and then the line works:
` add .selected to the next

  • from #selected within #autoCompleteCustomer`
    However, I cannot seem to find the way to add an `ID=selected` via hyperscript.

    So I am stuck.
    Could you help me to clarify what the document now means concerning `expression` and if it is possible to add an id via hyperscript?

    thanks in advance

  • Guida per i contributori

    Nessuna guida per i contributori indicizzata per questo repository

    Direzione di ricerca

    Start from the issue's hyperscript snippet and the documented `(next|previous) [from ] [within ]` syntax. Reproduce the `.selected` and `#selected` variants, then compare the expression and DOM-reference behavior; done means the documented syntax and a hyperscript way to identify or update the selected list item are clarified.

    Scritto dal modello di indicizzazione a partire dal testo della issue.

    Valutazione

    Stack tecnologico
    javascript
    Ambito
    frontend, web-dev
    Tipo di issue
    Bug
    Difficoltà
    3/5
    Tempo stimato
    1-2 giorni
    Stato di attività
    Ferma
    Chiarezza
    Abbastanza chiara
    Idoneità per principianti
    38/100

    Ricevi le nuove issue nella tua casella

    Un breve riepilogo di issue GitHub adatte ai principianti.