これをHTMLとjQueryのエスケープな問題と呼ぶべきでしょうか？

Question

すみません、どうすればこのようなことができますか？

私はコンテンツの表示を切り替えるボタンのように使いたいと思っていたDIVを持っています。訪問者がそれに触れると、P内のSPANがトグルします。しかし、私は次の問題を発見した。私を助けてください。

<div id="some_id" onclick="jQ_hide('.some_class p[class^="xxx-yyy"] span:nth-child(1)');"></div> 
<div id="someother_id" onclick="jQ_show('.some_class p[class^="xxx-yyy"] span:nth-child(2)');"></div> 

jQ_hideとjQ_showは非表示にし、時間内に多くの要素を表示する機能です。

「2で起こる」ときに何をすべきかわかりません。

私の悪い英語を申し訳ありません。ありがとうございました。

編集：私は.XXX-YYY-1の多くを持っている

、.XXX-YYY-2、.XXX-YYY-3 ...ので、私はこれを行う必要があり、あるいは他のソリューション？

編集2：.toggleは時間がかかるため

私はjQueryの.toggleを使用していないです。

ありがとうございます。

Answer 1

いけない<P>を隠し、表示する別々の方法を記述する必要が\'

Answer 2

ことは、これを試してみてください：

<div id="some_id" onclick="jQ_hide('.some_class p[class^=\'xxx-yyy\'] span:nth-child(1)');"></div> 
<div id="someother_id" onclick="jQ_show('.some_class p[class^=\'xxx-yyy\'] span:nth-child(2)');"></div> 

Answer 3

、あなただけ表示するように$('.PClassName').show()を書くことができますエスケープ単一引用符であなたの内側の二重引用符を交換し、 $('.PClassName').hide()を使用してP.を非表示にします。

Answer 4

はい、要素のonclick属性内で引用符をエスケープすると問題になります。私はこれらの機能を別々に適用することをお勧めします。