ユーザーが「参加者の追加」ボタンをクリックしたときに、ユーザーがテーブル行を動的に追加できるページがあります。ボタンIDは「btnParticipant」です。ボタンをクリックすると、変数「myTest」に割り当てられたカスタム関数が呼び出されます。
IDが「participantTable」のテーブル内のすべてのtr要素を見つけようとしています。次に、テキスト型の要素を見つけ、見つけたテキスト入力ごとに、テキスト入力の値がそうでないかどうかを確認したい空の。もしそうなら、次の要素に行きたいと思います。これは<a>
タグである必要があり、そこから最初の<img>
要素を見つけて非表示にします。
これが私のコードです:
<script type="text/javascript">
var j$ = jQuery.noConflict();
var myTest=function() {
j$('[id$=participantTable] tr.dataRow input[type="text"]').each(function () {
if (j$(this).val() != '') {
j$(this).next().find('img').hide();
}
});
}
j$(document).ready(function(){
j$('[id$=btnParticipant]').click(j$.myTest);
});
</script>
エラーは発生していませんが、画像が非表示になっていません。私はjqueryにかなり慣れていないので、助けていただければ幸いです。
ありがとう。