問題タブ [addclass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
2960 参照

jquery - jQuery:リストの各.next()要素のaddClass

.next()を使用して、jQueryを使用してSpan要素ごとに異なるクラスを追加しようとしています。これはjavascriptです。

そしてこれはそれを機能させようとしているHTMLImです:

したがって、.ui-iconクラスの最初の'span'要素を取得してクラスを追加し、次にリストから次の要素を取得して他のクラスを追加する必要があります。

0 投票する
2 に答える
3075 参照

javascript - td要素のIE7でJquery addClass関数が失敗する

次の HTML の場合:

次の JQuery:

次の css 定義を使用します。

背景画像が IE7 に表示されません (FF では問題なく動作します)。

誰かが私が間違っていることを知っていますか?

Pointy が指摘したように、問題は CSS の position:absolute; にありました。定義を削除する必要があります。迅速に回答していただきありがとうございます

0 投票する
3 に答える
23014 参照

jquery - jquery動的IDセレクター、削除してからクラスを追加

私は、btn-insertidhere の形式で動的に生成された ID を持つ div のセルをすべて含む行を持つテーブルを持っています。

テーブルの行が選択されたら、この div id を選択してから、クラスを削除して別のクラスに変更します。これは、クリックしたときにボタンの画像を追加記号から削除記号に変更したいという私次第です。

JavaScript コード:

これは、動的に生成されたコードの HTML スニペットです。

ご覧のとおり、「追加」クラスを削除「クラス」に変更したいと思います。テーブルのすべてのテーブル行はこのように生成されるので、ご覧のとおり、ワイルドカード アプローチを使用しました。これは、表示されたアラートが正しい div ID を示しているため、機能しているようです。クラスチェンジするしかない!

ありがとう!

0 投票する
1 に答える
865 参照

jquery - 並べ替え可能なオブジェクトをドロップ可能なオブジェクトの上に置いたときにハイライト アニメーションを追加する JQUERY

並べ替え可能なプロジェクトと呼ばれるオブジェクトのリストと、ドロップ可能なカテゴリと呼ばれるオブジェクトのリストがあります。並べ替え可能なプロジェクトをクリックしてドロップ可能なカテゴリの上にドラッグすると、プロジェクトが入るカテゴリが強調表示されるか、輪郭が描かれるか、その他の種類のアニメーションが表示されるように、どうにかして作成する必要があります。 .

add-class-on-hover-over-droppable-object タイプ関数のような単純なもので実行できると確信していますが、どのようにセットアップするべきかわかりません。

jQueryのドキュメントをいくつか見てみると、ドロップ可能なオブジェクトの場合、over: function(),属性を設定できることがわかりましたが、機能させることができませんでした...

これを機能させるにはどうすればよいですか?

0 投票する
1 に答える
2414 参照

jquery - jQuery .addClass は css を変更しません

<li>理想的には、メニューにカーソルを合わせてそれぞれを強調表示したいのです<li>が、テストとして、ホバー時にクラスを変更するには次のようにします。これがうまくいかない理由はありますか?

本当にありがとう。



0 投票する
4 に答える
119 参照

javascript - $('p') のコレクションからすべてのクラスを削除するにはどうすればよいですか?

この小さな検索例は機能しますが、初回のみです。

p 要素からすべてのクラスをクリアして、2 回目の検索時に前の検索のハイライトが表示されないようにするにはどうすればよいですか?

0 投票する
1 に答える
94 参照

javascript - 文字列に$が含まれるクエリに関するJQueryの問題

クエリ文字列に「$」文字が含まれているときに要素が見つからないjqueryに問題があります-既知の問題はありますか?残念ながら、検索エンジンでは、スレッド内のシンボルを検索するのが非常に困難です。

私はこのようなhtmlを持っています:

そして私のjscriptは次のようになります:

ファイアバグで分析していると、「item」が空のセットであることがわかります。たとえば、$('。MenuItem')をクエリすると、ページ内の25個の一致するアイテムを含む結果セットが正しく返されます。sに$charが含まれていると、$(s)が機能しないように見えますか?

それに対する解決策は何ですか?それがばかげた質問またはよく知られている問題である場合は申し訳ありません-私が言ったように、私はグーグルで回ろうとしましたが、失敗しました。

注:javascript自体、重複したID、jqueryがロードされていないなどの問題ではありません。関数はonclickで呼び出され、$('#' + ids [i])をdocument.getElementById(ids [i])に置き換えると、正しい要素が返されます。fyi、関数setSelectedTabに渡される文字列には、通常、TD要素への階層パスが含まれています。ただし、上記のTDの例では、ids.lengthは1です。

ありがとう、ラジャ。

0 投票する
5 に答える
1972 参照

jquery - JQuery\Watermarkでcssクラスを変更

私のアプリケーションは、フォームのテキスト ボックスにテキストの透かしを表示しようとしていますが、ボックスの実際の値には触れたくありません。そのため、クラスを使用して、透かしテキストで背景画像を使用しようとしています。

フォームにテキストボックス CssClass="watermarkon" を設定しています。そのような要素がクリックされたときに、「watermarkon」を削除して「watermarkoff」に置き換えるか、既存のクラスを削除するだけです。シンタックスでさまざまな試行を試みましたが、クリックイベントをうまくキャプチャできますが、ページは要素の CSS を更新していないようです。これが私の最新の試みです:

私が欠けているものを誰か教えてもらえますか? CSS を変更してライブ Web ページを更新できないのはなぜですか?

前もって感謝します!

0 投票する
2 に答える
2170 参照

jquery - ラジオ選択でテーブル行を強調表示するjQuery

各行にラジオ選択のあるテーブル(標準マークアップ)があります。ラジオが選択されたら、それを強調したいと思います。簡単に聞こえますが、トリガーすることができません。

マークアップは次のとおりです。

テーブル行:

<tr>
<td>some data</td>
<td>some data</td>
<td>some data</td>
<td>
<label class="label_radio"><input type="radio" name="ame" value="val" /></label>
</td>
</tr>

これはJSの関連部分です:(ラジオボタンを性別化するためにラベルを変更します。そのビットは機能しますが、ビットは機能しません):

何か案は?私が十分な情報を提供していない場合は、言ってください。必要なものをお届けします。

事前に大歓迎です:)

0 投票する
2 に答える
2598 参照

jquery - jquery - 要素のコンテンツに基づいてクラスを追加する方法は?

次のようなテーブルがあるとします。

そして、あなたはそれを次のようにしたい:

以下のNick CraverとKevinのソリューションはどちらもうまく機能します。みんなありがとう!なぜ私はそのようなことをしたいのですか?ワークショップを提供する非営利団体のタイムテーブルを作成する。