【jQuery】メモ

セレクタ操作

複数ヒットした場合は、全要素取得する。

セレクタにヒットしなければ、何も取得できない。

セレクタ指定コピペするとシングルクォートが変わるので、加工して使ってください(´・ω・｀)

セレクタ指定

メソッド名	説明
$(‘#id名’)	id名で要素の取得
$(‘.class名’)	class名で要素の取得
$(‘タグ名’)	タグ名で要素の取得
$(‘input[name=”name名”]’)	inputタグのname名で要素の取得
$(‘[data-userid=”11″]’)	data属性で要素取得 data-useridの11で要素取得

同一階層セレクタ

メソッド名	説明
siblings(‘セレクタ名’)	同一階層の要素をセレクタ指定で取得
next()	同一階層の次の要素を取得
nextAll(‘セレクタ指定’)	同一階層の次以降の要素をセレクタ指定で取得
prev()	同一階層の直前の要素を取得
prevAll(‘セレクタ指定’)	同一階層の直前以降の要素をセレクタ指定で取得

階層別セレクタ

メソッド名	説明
find(‘セレクタ名’)	一つ下の階層の要素をセレクタ指定で取得
parent()	親要素の取得
parents(‘セレクタ名’)	すべての親要素を取得

FixedMidashi

「_fixedhead」属性を定義して、「FixedMidashi.create()」を呼べば固定できます。

onLoad="FixedMidashi.create();

1カラム目と１行目固定は下記コード

 <table _fixedhead="rows:1; cols:1"> 

複数ファイルアップロード

画像や動画を複数アップロードする際に手間取ったので追加

アップロードファイルの情報取得

例：「input」タグのname属性を下記にした場合

name="uploadFirld[0][file]"
name="uploadFirld[1][file]"
name="uploadFirld[2][file]" 

こちらで取得：$(‘:file’)

オブジェクトの確認（デバック）

for (val of $(':file')) {
    if (val.files.length > 0) {
        // inputタグのname取得
        console.log(val.name);
        console.log(val.name.replace(/[^0-9]/g, ''));
        // アップロードしたファイル名取得
        console.log(val.files[0].name);
     }
}  

if (val.files.length > 0) {
    // inputタグのname取得
    console.log(val.name);
    console.log(val.name.replace(/[^0-9]/g, ''));
    // アップロードしたファイル名取得
    console.log(val.files[0].name);
}  

・PHPでの処理$_FILES[‘uploadFirld’]

console.logでの表記

{name: Array(3), type: Array(3), tmp_name: Array(3), error: Array(3), size: Array(3)}
JSでデータ取得

formData.get('uploadFirld[0][key]');

PHPでデータ取得時

name[0][file] => "file1"
name[1][file] => "file2"
name[2][file] => "" 

tmp_name[0][file] => "/tmp/phpaOtDsF"
tmp_name[1][file] => "/tmp/phpaCtNzV"
tmp_name[2][file] => 

・s3アップロードに必要なのは、[inputのname]と[tmp_name]

foreach ($_FILES['uploadFirld'] as $property => $data) {
     if ($property === 'tmp_name') {
     foreach ($data as $firldNum => $value) {
         if (!empty($value['file'])) {
             $name = date('YmdHis', Time::time());
             $key = "test/{$ID}/{$firldNum}/{$name}";
             AwsS3::multipartUploadPublic($key, $value['file']); 
         }
    }
} 

■input file 複数情報取得