attr - attr() がモバイル サファリで機能しない

Question

jquery は初めてです...モバイルサファリで attr() が機能しない理由を理解しようとしています:

$(document).ready(function(e) {

var i= 0;
var winHeight= $(window).resize().height();

var iDivs= ['bgImage5','bgImage4','bgImage3','bgImage2','bgImage1'];
var currentPhoto= iDivs[i];

    $('div.bgImage').attr({id:currentPhoto})
    $('#bioBody').hide();
    $('#bio').click(function(){
    $('#bioBody').slideToggle('slow')
    });
<div id="imgContainer">
    <div></div>
    <div class="bgImage"></div>
    <div></div>

Answer 1

そうあるべきだと思います$('.bgImage').attr('id', 'currentPhoto');