問題タブ [html5-data]

記事のリストから、data() で articleId を取得してそのうちの 1 つを削除します。最初に削除するときはうまく機能しますが、もう一度削除すると、data() は前者を取得します。 articleId ではなく articleId.しかし、event.target を調べると、データセットの articleid は問題ありません。何が問題なのですか?

コードが長すぎるので、重要な部分を選んで投稿します。

反応差分のせいなのかなと思いますが、よくわかりません。

jquery を使用してデータ属性のコンテンツを取得しようとしていますが、返されたデータは設定したものではありません。

この簡単な例では:

しかし、代わりに$('#test').data('test')戻ります1[1]

純粋な JavaScript を使用しても問題ありません。

オンラインで表示: https://jsfiddle.net/jojhm2nd/

検索フォームのグループ内のチェックボックスを操作するために、html data-* タグに基づいて機能する jQuery のチャンクがあります。

[すべて] チェック ボックスをクリックすると、残りのすべてのチェック ボックスがオフになります (これはいつでも問題なく機能します)。

ここで、「すべて」が選択されているときに別のオプションをクリックすると、「すべて」の選択が解除されますが、これも意図したとおりに機能します。

ただし、必要に応じて、[すべて] チェックボックスの選択を解除できます。これにより、デフォルトで残りのチェックボックスが選択された状態になり、目的の結果の選択を解除できます。

これまでに他を変更していない場合、これは初めて機能しますが、他のチェックボックスバー「すべて」が選択されている場合、またはすでに「すべて」ボタンをクリックした場合、選択した場合は失敗し、再度選択を解除します.

それが何をしているのかについてのアイデアは大歓迎です（コンソールを使用して何をしていないかを見つけようとしましたが、これまでのところ手がかりはありません）。

以下の例。

CASE 1 :アンカー要素の 'onclick' 属性を使用して呼び出される関数

ブラウザコンソールの出力は
undefined
undefinedです

ケース 2 : jquery を使用したアンカー要素のバインド

ブラウザ コンソールの出力
modifyCustAction
customerId=567

jQueryがコールバック関数のスコープをコールバックの対象である要素に設定することを読みました。

1. ケース 1 でデータ属性にアクセスできない/未定義であり、ケース 2 でのみアクセスできるのはなぜですか?
2. ケース1でアンカー要素のデータ属性にアクセスする方法は?

JSFIDDLE

HTML:

CSS:

JS:

タグにテキストのブロックがあり、次のpようにしたい：

1. ユーザーがブロック内のいくつかの単語を選択します
2. ユーザーがプロンプト ボックス内に何かを入力します
3. 強調表示された単語spanを data-attribute でタグ内に配置し (私はそれを と呼びましたdata-id)、この data-attribute 値はプロンプトから取得されます (上記のステップ 2)。

どうすればこれを達成できますか?

私を助けてください。

この質問と似ているが同じではないクエリがあります。

違いは、列ではなく行のデータ属性でフィルタリングしようとしていることです。要素ではtrなく、td要素。これには主キーが含まれており、重複を削除しようとしています。重複行は実際の列データが異なる場合があるため、そのようにすることはできません。キーは、アンダースコアで区切られた 3 つの数値フィールドの組み合わせです。

次に、javascriptページの読み込み時に呼び出される関数内で...

問題の一部は、tableオブジェクトがどこにも定義されていないことだと思います。このフィルターは複数のテーブルに適用されるため、可能であれば、現在フィルター処理されているテーブルである必要があります。各テーブルには固有の がありますが、属性idを共有しています。class

2016/12/12更新

実際のデータ属性を使用するバージョンで、ある程度の進歩を遂げました。このバージョンには動作するtableDataTable オブジェクトがあり、行を正しく取得して jquery に変換すると思います。ただし、data-attribute を取得しようとすると、undefined.

私は現在、http 応答をチェックする Javascript コードを作成しました。成功した 200 コードの場合は信号機が緑色で表示され、200 コードでない場合は信号機が赤色で点滅します。

現時点での私の現在の問題は、次のように2つの引数を初期化関数に渡すことができるようにしたいことです

最初の属性はテスト対象の URL で、2 番目の属性は作成した HTML5 data-request属性の値です。

相互に影響を与えることなく、異なる URL を同時にターゲットとする同じページに複数の信号機を配置したいためです。

たとえば、データ リクエスト属性を作成し、それに4の値を指定します。次に、そのように接続できるようにしたいと考えています。

コード内で以下のような要素のターゲット設定を開始します。これにより、よりモジュール化され、再利用可能になります。

私のコードが添付されており、動作する JSFiddle を見つけてください。

https://jsfiddle.net/8700h582/

どんな助けにも感謝します！