bigskysoftware / bigskysoftware/_hyperscript

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

オープン
#413 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
3.8k
フォーク
172
PR マージ指標
30日以内にマージされた PR はありません

説明

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

  • コントリビューションガイド

    このリポジトリのコントリビューションガイドは索引されていません

    調査の方向性

    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.

    索引モデルが issue の本文から書いたものです。

    評価

    技術スタック
    javascript
    領域
    frontend, web-dev
    issue の種類
    バグ
    難易度
    3/5
    見積もり時間
    1〜2日
    活発さ
    停滞
    明瞭さ
    おおむね明確
    初心者へのやさしさ
    38/100

    新しい issue をメールで受け取る

    初心者向けの GitHub issue を短くまとめたダイジェスト。