1

しばらく潜んでいましたが、これに対する解決策を見つけることができませんでした. it 、 <'p> 内の文字列を返し、それを Jscript の変数に割り当てます。いくつかの方法を試しました..私は本当に助けが必要です!

ここに私のJSコードがあります:

var userChoice = $('div#select').click(function(){ 
    $(this).effect('highlight' , { color: "rgba(36,117,203,0.6)" } , 'slow' , 500);
       userChoice = (this,'<div id="select"></div>');
       alert("Your choice:" + " " + userChoice);
});

ここにhtmlがあります：

   <div class="rps"><p>Play Rock Scissors Paper!</p>
     <div id="select"><p>rock</p></div>
     <div id="select"><p>paper</p></div>
     <div id="select"><p>scissors</p></div>
     <div id="result"><p>result:</p></div>
   </div>
4

3 に答える 3

2

重複する ID の代わりにクラスを使用$(this).text()し、jQuery 関数で使用します (各 div 内に他の要素がある場合は、代わりに.children('p')orを使用できます)。.find('p')

$('.select').click(function(){ 
   $(this).effect('highlight' , { color: "rgba(36,117,203,0.6)" } , 'slow' , 500);
   $('#result').text('result: ' + $(this).text());
});

HTML を次のように使用します。

<div class="rps"><p>Play Rock Scissors Paper!</p>
   <div class="select"><p>rock</p></div>
   <div class="select"><p>paper</p></div>
   <div class="select"><p>scissors</p></div>
   <div id="result"><p>result:</p></div>
</div>

ここでjsFiddle。

于 2013-06-16T15:58:09.923 に答える