2016-05-15 4 views
0
<?php $q=mysql_query("select * from  comments); 
While($r=mysql_fetch_array($q)) 

{?> 

ボタンを1つクリックするとテキストボックスが表示されます。これはループセクションです。 ,,と、この作品は,, jQueryを使って行われなければ、コードの実行後ボタンの1つだけをクリックしますが、すべてのボタンがすべての要素で自動的に発生します。

$(".button").click(function(){ 
$(".textbox").show(); 
}); 

です!私は私がテキストボックスを表示するもの]ボタンをクリックすると... ..すべてのボタンを同時にクリックされながらループによって作成され10buttons PHPでcontruct持って,,と、すべてのテキストボックスが自動的に同時に表示され,,なぜですか?だから私はガッツをする必要がありますか?あなたが複数の行があり、各行は、ボタンやテキストボックスを持っており、それらのすべてが.buttonと.textboxクラスを持っている場合

+0

あなたはおそらく、すべてのボタンに同じボタン/テキストボックスクラスを使用している... HTMLが生成された部分を表示します。 –

+0

親愛なる仲間、私はループで1つのボタンとテックスボックスを書いています!そしてボタンのための1つのクラスでさえ、テキストボックスの.buttonと.textです。しかし、whlieループは何度もelemetsの両方を作成したとします。次に、最初のボタンをクリックします。すべてのテキストボックスは、ただ1つのボタンクリックイベントだけを出力します。私が聞きたいと思っているものすべて!なぜそれが解決されたのでしょうか? –

+0

'$( "テキストボックス")ためのショー();' 'クラスtextbox'ですべての要素を発見し、それらのすべてに'ショーを() 'を実行。それぞれに異なるクラスを作成するか(例:https://jsfiddle.net/71ko8p2r/)、下記の答えを試してみてください。 –

答えて

1

は、あなたは少し違ったあなたのjQueryのコードを記述する必要があります。

$(".button").click(function(){ 
    $(this).closest(".textbox").show(); 
}); 

事はクラス.buttonとの任意の要素にあなたのコードのクリックで.textboxクラスを持つすべての要素を示すことになるということです。変更されたバージョンでは、ボタンをクリックすると$(this)を使用して、クリックされたボタンを正確に指定し、この特定のボタンに最も近いテキストボックスを検索します。しかし、あなたのhtml構造に依存します。

+0

は私が...デフォルトでは非表示になっているように見えるようテキストボックスは、ボタンの親であることを疑う 'next'の代わりに、' closest'はうまくいくかもしれません。 –

+1

だからこそ、私たちはhtmlを見なければならない、そうでなければただの予測しかできない。要点は、クリックされた正確な要素に対処し、それを表示する適切なテキストボックスを検索するための開始点として使用するために$(this)を使用すべきであるということです。 –

+0

親愛なる仲間、私は1つのボタンとtexboxをループで書いています!そしてボタンのための1つのクラスでさえ、テキストボックスの.buttonと.textです。しかし、whlieループは何度もelemetsの両方を作成したとします。次に、最初のボタンをクリックします。すべてのテキストボックスは、ただ1つのボタンクリックイベントだけを出力します。私が聞きたいと思っているものすべて!なぜそれが解決されたのでしょうか? –

関連する問題