Выбор JQuery с помощью (это)

Question

Если есть несколько строк.Как я могу использовать (это), чтобы выбрать класс диапазона «currentDogTag», после того, как я нажму кнопку с функцией щелчка?Когда я пытаюсь предупредить (это) в функции щелчка, он возвращает объект.

<?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>

Answer 1

Что ж, когда вы выбираете эти теги span, например, у ваших тегов span есть класс .myspan, затем, выбирая их $('.myspan'), вы можете извлечь нужный вам элемент span, используя селекторы, такие как .eq( index ), что делает $('.myspan').eq(1) даст вам второй.другие способы $('.myspan:first') или $('.myspan:last') или даже $('.myspan:first').next() и т. д.

Answer 2

Чтобы продвинуться дальше в проекте, для простоты и, возможно, лучшей практики, я создал идентификатор для диапазона, чтобы я мог легко найти его и обновить его.

Answer 3

С точки зрения производительности, вы всегда должны отдавать предпочтение идентификаторам, а не классам и навигации по дереву dom, поскольку это намного быстрее.

ЕСЛИ вы используете firebug, вы можете использовать console.info для регистрации и регистрации каждого шага, чтобы вы могли воспроизвести их. Сделано правильно, вы знаете, где вы находитесь в дом и можете действовать соответственно. Гораздо лучше отлаживать с помощью firebug, но это может не помочь вам решить проблему, в которой вы находитесь.

Может быть, вы могли бы предоставить небольшой пример кода, чтобы можно было указать, какие задачи выполнять. Я думаю, что вы выиграете, так как ваше описание звучит очень сложно, а задачу, которую вы хотите выполнить, не нужно делать сложной.