スパンの値を取得できません

Question

私はJavascriptとJqueryを使い始めました。学習を開始しました。他のウェブサイトのコードをコピーして少し変更しました。アイコンをクリックするとタイマーを更新しようとしていますが、エラー： - Uncaught TypeError: Cannot read property 'split' of undefined

見つけた後、私は変数myTimeは未定義ですが表示されます。それはスパンの価値を得ていませんでした。ここに私のコードは次のとおりです。 -

function updateTimer(expiryid) { 
      var myTime = $(expiryid+ ' span').html(); 
      console.log(myTime); 
      var ss = myTime.split(":"); 
      var dt = new Date(); 
      dt.setHours(0); 
      dt.setMinutes(ss[0]); 
      dt.setSeconds(ss[1]); 

      var dt2 = new Date(dt.valueOf() + 1000); 
      var temp = dt2.toTimeString().split(" "); 
      var ts = temp[0].split(":"); 

      expiryid.html(ts[1]+":"+ts[2]); 
     } 


    function initialize() { 
    // Some un-related code up here 

     google.maps.event.addListener(marker, 'click', (function(marker, i) { 
        return function() { 
         infoWindow.setContent(infoWindowContent[i][0]); 
         infoWindow.open(map, marker); 
         //console.log('expire_'+i); 
         updateTimer('#expire_'+i); 
        } 
       })(marker, i)); 

    } 

</script> 

    <span id="expire_4">06:51</span> 

Answer 1

あなたのHTMLは<span id="expire_4">06:51</span>ですまだあなたはvar myTime = $(expiryid+ ' span').html();どこexpiryid = '#expire_'+iを照会しようとしています。問題は、あなたのコードがあなたのコードと一致しないことです。あなたのクエリは、子のスパンを持つidがexpire_<number>の要素があることを期待していることを示唆しています。あなたはIDがexpire_<number>のスパンです。スパン要素が$(expiryid)になるようにクエリを更新してください。

また、変数のhtmlを更新しようとしています。関数全体を次のように更新します。

function updateTimer(expiryid) { 
      var myTimeEl = $(expiryid); /* create jquery object*/ 
      var myTime = myTimeEl.html(); /*get the date string*/ 
      console.log(myTime); 
      var ss = myTime.split(":"); 
      var dt = new Date(); 
      dt.setHours(0); 
      dt.setMinutes(ss[0]); 
      dt.setSeconds(ss[1]); 

      var dt2 = new Date(dt.valueOf() + 1000); 
      var temp = dt2.toTimeString().split(" "); 
      var ts = temp[0].split(":"); 

      myTimeEl.html(ts[1]+":"+ts[2]); /*add new string to element using jquery objct*/ 
     }