私は最初のアイコンをクリックすると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. シンプルなモーダルJSON Jquery
- 9. シンプルなjquery? noob here
- 10. jQueryのシンプルなタブ
- 11. シンプルなJQueryフェードイン/アウト
- 12. シンプルなjQueryのナビゲーション
- 13. シンプルなjquery画像ロールオーバー
- 14. シンプルなjQueryのクラス配列
- 15. シンプルな電卓jqueryスクリプト
- 16. シンプルなJqueryファイルアップロードチュートリアルですか?
- 17. シンプルなjQueryの質問
- 18. シンプルなjQueryの機能
- 19. シンプルなjQueryプログレスバーのパーセント
- 20. jQuery Mobileシンプルなサイトで
- 21. シンプルなjQueryモバイル/ AJAXログイン
- 22. シンプルなajaxとjquery ajax
- 23. jQueryのシンプルな画像ズーム
- 24. シンプルなjQuery - テキストボックスを隠す
- 25. シンプルなHTML jQueryのスクロール/スライダー
- 26. シンプルなjqueryが機能しない
- 27. シンプルなjqueryアコーディオンコードが動作しない
- 28. シンプルなjQueryスニペットに問題がある
- 29. Javascript/Jqueryのシンプルなユーザーエクスペリエンス機能
- 30. シンプルなJQuery WYSIWYGエディタの質問
そして、何が問題ですか?何が問題になっていますか?何を試しましたか? [尋ねる]を見てください。 –