同じx位置に3つ以上ある場合、jqueryはすべての要素にクラスを追加します

クリス

複数の列があるWebサイトがあります。各列には0〜10行を含めることができます。行にはさまざまな要素が含まれていますが、常にすべての行の同じx位置にある特定の要素があります。

3行を超える列にあるすべての行を識別したいと思います。したがって、これらの「特別な」要素をすべてループして、同じx位置を持つ要素が3つ以上ある場合は、特定のクラスを追加したいと思います。

let xPositions = []
let specialElements = $("span[aria-label='specific text']")
specialElements.each(function() { 
    xPositions.push(this.x) // obviously this.x does not work. How can I get x?
})
specialElements.each(function() { 
    let count = xPositions.reduce((cnt, val) => val == this.x ? cnt + 1 : cnt)
    if(count > 3){
        this.addClass('highlight')
    }
})
cssBlaster21895

私はナイーブかもしれないことを知っていますが、xを親コンテナに対する相対的な位置として理解しています。おそらく、jqueryの位置関数を使用してください。

elPosition = $(this).position();
xPositions.push(elPosition.left);

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

jQuery to PHP:3つ以上の子要素がある場合、親要素にセレクタークラスを追加します

分類Dev

同じhrefを持つすべての要素にクラスを追加します

分類Dev

JQueryに属性がある場合は、要素にクラスを追加します

分類Dev

JQueryはクラスを追加します。同じクラスのすべての要素を検索する

分類Dev

同じページに同じクラスを持つ複数の要素がある場合、クラスを介して ID を選択する方法

分類Dev

Jquery-要素にクラスが含まれている場合は、要素の後にHTMLを追加します

分類Dev

同じクラス名を持つすべての要素に子を追加しようとしています

分類Dev

すべてが同じクラスに属している場合、スレッドは共通のデータ要素を共有できますか?

分類Dev

配列内の3つ以上の同じ要素を照合し、それらをリストに追加する

分類Dev

同じクラスのすべての要素を選択します。一部の要素には 2 つのクラスがあります。

分類Dev

要素にクラスがある場合は、別の要素にクラスを追加します

分類Dev

同じ値のセルが3つ以上ある場合は、セルをNULLに置き換えます

分類Dev

要素にクラスがある場合のjQueryは何かをします

分類Dev

BlocProviderに3つのBLoCがある場合、同じクラスで2つのBLoCBuilderを使用できますか?

分類Dev

同じクラス名と属性名を持つ要素が複数ある場合に、要素の特定のテキスト値を取得します

分類Dev

テーブル セルの 2 つの値を比較して、同じ場合にクラスを追加する

分類Dev

jQueryは、最後の子要素が表示されている場合にのみcssクラスを追加します

分類Dev

すべての要素に特定のクラスがある場合、要素にクラスを追加するにはどうすればよいですか?

分類Dev

JQuery-要素にクラスがある場合はクラスを追加します

分類Dev

jQuery –同じクラスの1つおきのアイテムにクラスを追加し、中断された場合はリセットします

分類Dev

子要素がない場合、内部に同じクラスを持つ要素を非表示または削除します

分類Dev

xpath:要素にこれらの単語が3つ以上含まれている場合は、要素を返します

分類Dev

私は同じクラスに別のセットのすべての要素を削除する場合、なぜHibernateはセット内のすべての要素を削除しますか?

分類Dev

jquery要素にテキストが含まれている場合は、親divにクラスを追加します

分類Dev

同じクラスの要素にすべての数値を追加する

分類Dev

同じ位置にある複数の画像のリンクをスクレイプする方法画像がない場合は、その位置を空白にします

分類Dev

データベースに2つ以上のパイプがある場合、それらすべてに同じnotification_channelがありますか?

分類Dev

属性値が3未満の場合に、jQueryを使用して兄弟要素にクラス名を追加する方法>

分類Dev

jQuery:クラスが存在する場合は、それを削除してから、新しい要素に追加します

Related 関連記事

  1. 1

    jQuery to PHP:3つ以上の子要素がある場合、親要素にセレクタークラスを追加します

  2. 2

    同じhrefを持つすべての要素にクラスを追加します

  3. 3

    JQueryに属性がある場合は、要素にクラスを追加します

  4. 4

    JQueryはクラスを追加します。同じクラスのすべての要素を検索する

  5. 5

    同じページに同じクラスを持つ複数の要素がある場合、クラスを介して ID を選択する方法

  6. 6

    Jquery-要素にクラスが含まれている場合は、要素の後にHTMLを追加します

  7. 7

    同じクラス名を持つすべての要素に子を追加しようとしています

  8. 8

    すべてが同じクラスに属している場合、スレッドは共通のデータ要素を共有できますか?

  9. 9

    配列内の3つ以上の同じ要素を照合し、それらをリストに追加する

  10. 10

    同じクラスのすべての要素を選択します。一部の要素には 2 つのクラスがあります。

  11. 11

    要素にクラスがある場合は、別の要素にクラスを追加します

  12. 12

    同じ値のセルが3つ以上ある場合は、セルをNULLに置き換えます

  13. 13

    要素にクラスがある場合のjQueryは何かをします

  14. 14

    BlocProviderに3つのBLoCがある場合、同じクラスで2つのBLoCBuilderを使用できますか?

  15. 15

    同じクラス名と属性名を持つ要素が複数ある場合に、要素の特定のテキスト値を取得します

  16. 16

    テーブル セルの 2 つの値を比較して、同じ場合にクラスを追加する

  17. 17

    jQueryは、最後の子要素が表示されている場合にのみcssクラスを追加します

  18. 18

    すべての要素に特定のクラスがある場合、要素にクラスを追加するにはどうすればよいですか?

  19. 19

    JQuery-要素にクラスがある場合はクラスを追加します

  20. 20

    jQuery –同じクラスの1つおきのアイテムにクラスを追加し、中断された場合はリセットします

  21. 21

    子要素がない場合、内部に同じクラスを持つ要素を非表示または削除します

  22. 22

    xpath:要素にこれらの単語が3つ以上含まれている場合は、要素を返します

  23. 23

    私は同じクラスに別のセットのすべての要素を削除する場合、なぜHibernateはセット内のすべての要素を削除しますか?

  24. 24

    jquery要素にテキストが含まれている場合は、親divにクラスを追加します

  25. 25

    同じクラスの要素にすべての数値を追加する

  26. 26

    同じ位置にある複数の画像のリンクをスクレイプする方法画像がない場合は、その位置を空白にします

  27. 27

    データベースに2つ以上のパイプがある場合、それらすべてに同じnotification_channelがありますか?

  28. 28

    属性値が3未満の場合に、jQueryを使用して兄弟要素にクラス名を追加する方法>

  29. 29

    jQuery:クラスが存在する場合は、それを削除してから、新しい要素に追加します

ホットタグ

アーカイブ