2011-09-01 54 views
0

如果有多行。如何使用(this)選擇span類「currentDogTag」,點擊按鈕後點擊功能?當我嘗試在click函數中提醒(this)時,它會返回一個對象。jquery選擇使用(this)

<?php do { ?> 
    <div class="owner-pet-row"><a name="petid<?php echo $row_rsOwnerPets['id_pet']; ?>" id="petid<?php echo $row_rsOwnerPets['id_pet']; ?>"></a> 
     <div class="owner-pet-row-petname"> 
     <div class="owner-pet-edit-pet"><a href="pet-edit.php?id=<?php echo $row_rsOwnerPets['id_pet']; ?>">edit</a></div> 
     <?php echo $row_rsOwnerPets['dogname_pet']; ?></div> 
     <div class="owner-pet-row-left-div"> 
     <div class="owner-pet-row-container"> 
      <div class="owner-pet-view-label">Tag#:</div> 

      <div class="owner-pet-view-data"><span class="currentDogTag"><?php echo $row_rsGetCurrentTag['tagnumber']; ?> | <strong><?php echo $row_rsGetCurrentTag['year_tag']; ?></strong></span> <a href="javascript:void(0);" class="update-dogtag-tag" dogtagid="<?php echo $row_rsOwnerPets['id_pet']; ?>">Update Tag</a> 
      <div style="display:none" class="formfor-tagupdate"> 
       <form id="form1" name="form1" method="post" action="" onSubmit="return false"> 
       <div class="form-row">tagnumber 
        <input name="tagnumber" type="text" class="form-inputbox" id="tagnumber" /> 
       </div> 
       <div class="form-row">year 
        <select name="year_tag" id="year_tag" style="width:100px"> 
        <option>NULL</option> 
        <option value="2011">2011</option> 
        <option value="2012">2012</option> 
        <option value="2013">2013</option> 
        </select> 
       </div> 
       <div class="form-row-buttons"> 
        <input name="update" type="submit" class="form-button-save" id="update" value="save" /> 
        <input name="id_pet" type="hidden" id="id_pet" value="<?php echo $row_rsPetInfo['id_pet']; ?>" /> 
       </div> 
       </form> 
      </div> 
      </div> 
     </div> 
     <div class="owner-pet-row-container"> 
      <div class="owner-pet-view-label">Color:</div> 
      <div class="owner-pet-view-data"><?php echo $row_rsOwnerPets['color_pet']; ?></div> 
      <div class="owner-pet-row-container"> 
      <div class="owner-pet-view-label">Breed:</div> 
      <div class="owner-pet-view-data"><?php echo $row_rsOwnerPets['breed_pet']; ?></div> 
      </div> 
     </div> 
     </div> 
     <div class="owner-pet-row-right-div"> 
     <div class="owner-pet-row-container"> 
      <div class="owner-pet-view-label">Shot Given:</div> 
      <div class="owner-pet-view-data"><?php echo $row_rsOwnerPets['rabieshotgiven_pet']; ?></div> 
     </div> 
     <div class="owner-pet-row-container"> 
      <div class="owner-pet-view-label">Shot Expire:</div> 
      <div class="owner-pet-view-data"><?php echo $row_rsOwnerPets['rabiesshotexpire_pet']; ?></div> 
     </div> 
     <div class="owner-pet-row-container"> 
      <div class="owner-pet-view-label">Vet:</div> 
      <div class="owner-pet-view-data"><?php echo $row_rsOwnerPets['name_vet']; ?></div> 
     </div> 
     </div> 
     <div style="clear:both"></div> 
    </div> 
    <?php } while ($row_rsOwnerPets = mysql_fetch_assoc($rsOwnerPets)); ?> 
    </div> 
+0

發表一些代碼。 – Jack

+0

你能提供一些代碼或鏈接嗎? – dSquared

+0

發佈了一些代碼 –

回答

1

那麼當你選擇那些跨度標籤比方說你的跨度標籤有一類.myspan 然後選擇他們$('.myspan')您可以提取您會通過選擇諸如.eq(index)喜歡span元素,這樣做$('.myspan').eq(1)會給你第二個。其他方式$('.myspan:first')$('.myspan:last')甚至$('.myspan:first').next()

0

從性能方面來看,您應該總是更喜歡id類和導航dom樹,因爲它更快。

如果你使用firebug,你可以使用console.info作爲日誌記錄和記錄每一步,這樣你就可以重現它們。做得很好,你知道你在哪裏,並可以採取相應的行動。更好的方法是使用螢火蟲進行調試,但這可能不會幫助您解決問題。

也許你可以提供一個小代碼示例,以便指出要執行哪些任務。我認爲你會受益,因爲你的描述聽起來非常複雜,你想完成的任務不需要做得很複雜。

0

爲了進一步深入該項目,爲了簡化和更好的練習,我爲span創建了一個id,以便我可以輕鬆找到並更新它。