私は最初のアイコンをクリックすると2つのアイコンがあります。ウェブサイトのどこかにテキストの束を表示したいのですが、2番目のアイコンをクリックすると1番目のアイコンからテキストが自動的に消えます。おかげさまで シンプルなjqueryトリガヘルプ
1
A
答えて
0
(アイコン名は1stIcon
、2ndIcon
ある)あなたはこのような何か行うことができます:
<img src="http://img.vmessages.com/icon/dogs/61.gif" id="show" />
<img src="http://img.vmessages.com/icon/dogs/65.gif" id="hide" />
<div id="textDiv">This is the div with some text</div>
$('#textDiv').hide();
$('img#show').click(function(){
$('#textDiv').show();
});
$('img#hide').click(function(){
$('#textDiv').hide();
});
0
2つのアイコンがあり、テキストをMyDiv
に挿入/削除したいとします。
アイコン上でクリックイベントをバインドしています。
$(document).ready(function(){
// First Icon Click
$('#1stIcon').bind('click', function(){
$('#MyDiv').val('SOME TEXT');
});
// Second Icon Click
$('#2ndIcon').bind('click', function(){
$('#MyDiv').val('');
});
});
+0
これを動作させるには、.val()の代わりに.text()を使用する必要があります。手紙から始まるidsも違法です。 – Litek
+0
私はLitekに同意しました。 –
関連する問題
- 1. シンプルなJQueryポップアップ
- 2. シンプルなjQueryスライダー?
- 3. シンプルなJqueryフォトギャラリー
- 4. シンプルなjQueryページネーミング
- 5. シンプルなjqueryプラグイン
- 6. シンプルなjQueryフィルタリング
- 7. jQueryのシンプルなタブ
- 8. シンプルなjQueryのカウンター
- 9. シンプルなモーダルJSON Jquery
- 10. シンプルなjquery? noob here
- 11. シンプルなJavaScriptループ+ jQuery
- 12. シンプルなJQueryフェードイン/アウト
- 13. シンプルなjQueryのナビゲーション
- 14. シンプルな電卓jqueryスクリプト
- 15. シンプルなjQuery - テキストボックスを隠す
- 16. シンプルなjQueryの質問
- 17. シンプルなjQueryの機能
- 18. jQueryのシンプルな画像ズーム
- 19. シンプルなjQueryプログレスバーのパーセント
- 20. シンプルなjQueryアコーディオンのトグル
- 21. jQuery Mobileシンプルなサイトで
- 22. Shopify用のシンプルなjQueryコード
- 23. Jqueryコードからシンプルなjavascript
- 24. シンプルなHTML jQueryのスクロール/スライダー
- 25. JQueryシンプルな「検索/フィルタリング」システム
- 26. シンプルなajaxとjquery ajax
- 27. シンプルなjquery画像ロールオーバー
- 28. シンプルなJqueryファイルアップロードチュートリアルですか?
- 29. シンプルなjQueryモバイル/ AJAXログイン
- 30. シンプルなjQueryのクラス配列
そして、何が問題ですか?何が問題になっていますか?何を試しましたか? [尋ねる]を見てください。 –