jquery - jQueryを使用して親divがクリックされたときにファイルダイアログを開く

Question

親divがクリックされたときにファイルダイアログを開きたい。最初の親 div をクリックすると、最初の入力ファイルのみが開かれます。

<div class="fileupload">
    <input type="file" class="file" name="image" />
</div>

<div class="fileupload">
    <input type="file" class="file" name="attachement" />
</div>

Answer 1

要素でclickイベントをトリガーするだけです:input

$('.fileupload').click(function(e) {
    $(this).find('input[type="file"]').click();
});

$('.fileupload input').click(function(e) {
    e.stopPropagation();
});​

デモ: http://jsfiddle.net/EctCK/

Answer 2

trigger()を使用してみてください。

$(document).ready(function() {
    $(this).parents(".fileupload").find("input[type='file']").trigger('click');
});