Jquery幫助獲取.attr（）

我想問。爲什麼.attr("title")不起作用？在標題去日曆的日期，如：「2011712」，我需要substring它..但是當我這樣做沒有發生？Jquery幫助獲取.attr（）

編輯：水龍頭事件工作正常..但我不明白的標題文本「標題」 ..

點擊事件 - >

  $('.div-cell').tap(function() { 
          var i; 
           for (i = 0; i < 42; i++) { 
           $('#' + i + 'dayCell').removeClass('tapped'); 
             } 

           $(this).toggleClass(
            'tapped'); 

           var myDate2 = $(this).attr("title").substring(5,7) +" "+ months[$(this).attr("title").substring(4,5)]; 


           $('#MSchedule header h4').text("Schedule - " + myDate2); 
        });

日曆創作 - >

function setCalendar() { 

    var cTime = new Date(); 
    var myDate = months[cTime.getMonth()] + " " + cTime.getFullYear(); 
    var myDate2 = cTime.getDate() + " " + months[cTime.getMonth()]; 


    $('#MCalendar header h4').text(myDate); 
    $('#MSchedule header h4').text("Schedule - " + myDate2) 

    var monthView = new Array(42); 

    var firstDayOfMonth = new Date(cTime.getFullYear(), cTime.getMonth(), 1); 

    while (firstDayOfMonth.getDay() != 1) { 

     firstDayOfMonth.addDays(-1); 

    } 

    var i; 

    for (i = 0; i < monthView.length; i++) { 
     startDate = new Date(firstDayOfMonth); 

     monthView[i] = startDate.addDays(i); 

    } 

    var day = 0; 
    $("#calendar") 
      .children() 
      .each(
        function() { 
         var row = $(this); 

         if ($(this).hasClass('weekdays')) { 

         } else { 
          row 
            .children() 
            .each(
              function() { 

               var cell = $(this); 
               var content = '<div class="dayNumberCellValue" title="' + monthView[day].getYear()+ 
               monthView[day].getMonth()+monthView[day].getDate()+ '">' 
                 + monthView[day] 
                   .getDate() 
                 + '</div>'; 
               cell.append(content); 

               if (monthView[day] 
                 .getMonth() != Date 
                 .today().getMonth()) { 
                $(this).addClass(
                  'otherMonth'); 
               } else { 

                if (Date 
                  .today() 
                  .equals(
                    monthView[day])) { 
                 $(this).addClass(
                   'today'); 
                } 
                $(this).addClass(
                  'noRecords'); 
               } 

               day++; 
              }); 
         } 

        }); 
    $(".div-cell:contains('16')").removeClass('noRecords').addClass(
      'hasRecords'); 
    $(".div-cell:contains('17')").removeClass('noRecords').addClass(
      'hasRecords'); 
    $(".div-cell:contains('18')").removeClass('noRecords').addClass(
      'hasRecords'); 

    $(".div-cell:contains('20')").removeClass('noRecords').addClass(
      'onVacation'); 
    $(".div-cell:contains('21')").removeClass('noRecords').addClass(
      'onVacation'); 
    $(".div-cell:contains('22')").removeClass('noRecords').addClass(
      'onVacation'); 
}

編輯： HTML - >

<div id="calendar"> 
         <div class="div-row weekdays"> 
          <div class="div-cell-weekdays"></div> 
          <div class="div-cell-weekdays"></div> 
          <div class="div-cell-weekdays"></div> 
          <div class="div-cell-weekdays"></div> 
          <div class="div-cell-weekdays"></div> 
          <div class="div-cell-weekdays"></div> 
          <div class="div-cell-weekdays"></div> 
         </div> 

         <div class="div-row"> 
          <div id="0dayCell" class="div-cell"></div> 
          <div id="1dayCell" class="div-cell"></div> 
          <div id="2dayCell" class="div-cell"></div> 
          <div id="3dayCell" class="div-cell"></div> 
          <div id="4dayCell" class="div-cell"></div> 
          <div id="5dayCell" class="div-cell"></div> 
          <div id="6dayCell" class="div-cell"></div> 
         </div> 

         <div class="div-row"> 
          <div id="7dayCell" class="div-cell"></div> 
          <div id="8dayCell" class="div-cell"></div> 
          <div id="9dayCell" class="div-cell"></div> 
          <div id="10dayCell" class="div-cell"></div> 
          <div id="11dayCell" class="div-cell"></div> 
          <div id="12dayCell" class="div-cell"></div> 
          <div id="13dayCell" class="div-cell"></div> 
         </div> 

         <div class="div-row"> 
          <div id="14dayCell" class="div-cell"></div> 
          <div id="15dayCell" class="div-cell"></div> 
          <div id="16dayCell" class="div-cell"></div> 
          <div id="17dayCell" class="div-cell"></div> 
          <div id="18dayCell" class="div-cell"></div> 
          <div id="19dayCell" class="div-cell"></div> 
          <div id="20dayCell" class="div-cell"></div> 
         </div> 

         <div class="div-row"> 
          <div id="21dayCell" class="div-cell"></div> 
          <div id="22dayCell" class="div-cell"></div> 
          <div id="23dayCell" class="div-cell"></div> 
          <div id="24dayCell" class="div-cell"></div> 
          <div id="25dayCell" class="div-cell"></div> 
          <div id="26dayCell" class="div-cell"></div> 
          <div id="27dayCell" class="div-cell"></div> 
         </div> 

         <div class="div-row"> 
          <div id="28dayCell" class="div-cell"></div> 
          <div id="29dayCell" class="div-cell"></div> 
          <div id="30dayCell" class="div-cell"></div> 
          <div id="31dayCell" class="div-cell"></div> 
          <div id="32dayCell" class="div-cell"></div> 
          <div id="33dayCell" class="div-cell"></div> 
          <div id="34dayCell" class="div-cell"></div> 
         </div> 

         <div class="div-row"> 
          <div id="35dayCell" class="div-cell"></div> 
          <div id="36dayCell" class="div-cell"></div> 
          <div id="37dayCell" class="div-cell"></div> 
          <div id="38dayCell" class="div-cell"></div> 
          <div id="39dayCell" class="div-cell"></div> 
          <div id="40dayCell" class="div-cell"></div> 
          <div id="41dayCell" class="div-cell"></div> 
         </div> 
        </div>

來源

2011-07-12 Sergio

需要查看HTML是什麼樣子 – locrizak

見我的編輯...我加入HTML – Sergio

那麼究竟是不是工作？ 'myDate2'包含錯誤的（或空的）值，或者'#MSchedule header h4'內容沒有被更改？ – lxa

我發現我的錯誤：我將"title"更改爲"id"。

我的錯誤是，在輕點功能，我打電話不包含的"id"標籤另一格。

    $('.div-cell').tap(function() { 
          var i; 
          var myDate2; 
           for (i = 0; i < 42; i++) { 
           $('#' + i +'dayCell').removeClass('tapped'); 

             } 

           $(this).toggleClass(
            'tapped');

>var myDate2 = $('.dayNumberCellValue').attr('id');

        $('#MSchedule header h4').text("S - "+myDate2); 
           } 
        });

來源

2011-07-13 11:21:52 Sergio

可能是因爲您的attr("title").substring(5,7)之後有分號;？

來源

2011-07-12 18:47:21 lxa

對不起，沒有。我只是忘了把它丟掉.. :)編輯：我做到了 - var myDate2 = $（this）.attr（「title」）;但現在沒有發生過 – Sergio

標題中的標題不是屬性。現在你告訴它改變了這一點。

<div class="div-cell" title="what you are changing is going here"></div>

如果您確實想要更改標題標題，則需要執行此操作。

document.title = 'blah';

而且拉薩是正確的，你有你的代碼中的分號它不應該。

來源

2011-07-12 18:53:02 Caimen

抱歉，你沒明白我的意思。我的意思是「標題」不要去頭的文本.. – Sergio

Jquery幫助獲取.attr（）

回答

相關問題