javascript - 如何在 Javascript 中选择第 N 个 PreviousSibling？

Question

在 Google 跟踪代码管理器中，使用元素、元素类、元素父类来触发代码非常容易。不幸的是，在这种情况下，我想抓取一个仅在同一个 中可用的元素。

因此，当人们单击“删除”链接(class=deleteItem)时，我想抓取 url_product_id(粗体)。

我已经尝试了很多，但不知道如何实现这一目标。我希望有人能帮助我。

<td align="center">
   <span class="selquantity menosdis"></span>
   <span class="selquantity plus"></span>
   <input class="urlProductId" type="hidden" name="url_product_id" value="113293">
   <input class="urlQuantity" type="text" name="url_quantity" value="1" readonly="readonly">
   <br>
   <a style="cursor: pointer" class="deleteItem">delete</a>
</td>

Answer 1

假设您希望在事件处理程序中完成此操作，您可以使用 parentNode 和 querySelector 来实现您的目标:

var myClickHandler = function(event) {
   var productId = event.target.parentNode.querySelector('. urlProductId').value;
   // do stuff with productId
}

或者使用 jQuery:

$('.deleteItem').on('click', function() {
   var productId = $(this).prev('.urlProductId').val();
});