我无法从 遍历 DOM到...？

Question

概述

我非常感谢对此提供的任何帮助。我确信这很“容易”，但我无法弄清楚。我必须使用选择器来选择唯一的图像文件名。然后，我需要替换 ，它是 右侧的一列。 我有当前的

网站，我还制作了一个图表来帮助更好地解释这一点。检查以下两个链接： 网站：http://www.writeguard.com/catalog/Checks/LaserInkjet-Checks 图： http://goo.gl/Q3Uif

问题

上面网站的链接没有问题。我们的 oscommerce 中有一个“特许经营”自定义修改。只有拥有特定帐户的客户才能登录我需要帮助的地方。我制作的图表描述了这一点，很简单。为了让您了解我的“拼图”的所有“部分”，以下是我为主站点执行 .replaceWIth() 的方法。这个例子是针对顶行的...我需要修改的每一行都有一个。

 $("a[href$=/Premium-Security-Laser-Check].smallTextLink").parent()
 .replaceWith('<td class="productListing-data" style="border-left:1px solid #FFF; border-top:1px solid #FFF; border-bottom:1px solid #808080; border-right:1px solid #808080;"><div class="leftSide"><a href="http://www.writeguard.com/catalog/Checks/LaserInkjet-Checks/Premium-Security-Laser-Check" class="smallTextLink">Premium Security Laser Check</a><ul style="line-height: 1.5em; font-size: 11px; margin-left: -15px;"><li style="color:red;"><strong>Buy 500 Checks, Get 500 Free Special!</strong></li><li>More than 8 security features</li><li>Thermochromic Ink</li><li>8.5" x 11" sheet 24lb MICR paper</li><li>2 perforations @ 3.5" x 7"</li></ul><div class="moreInfoButtonsNew"><a href="http://www.writeguard.com/catalog/Checks/LaserInkjet-Checks/Premium-Security-Laser-Check" class="positive"><img src="http://writeguard.com/catalog/images/new_layout/icons/information.png" alt=""/>More Info</a></div></div><div class="rightSide"><p class="ourPrice">Starting At:<br>$39.50</p></div></td>');

我认为这根本没有效率。但就我现在遇到的这个问题而言，我需要能够执行我在顶部描述的操作。通过文件名选择 ，然后导航 DOM，以便我可以使用 .replaceWith() 来实现我上面描述的相同功能。我尝试了很多不同的选择器，但没有一个起作用。它总是最终将表数据放入表数据内，直到页面实际上有 10 英尺长。我不知道我哪里错了。

如有必要，我很乐意提供更多详细信息。显然我对 jQuery 不太有经验，我的方法可能是一场噩梦。我想尽快学习正确、有效的 jquery 编程方法。非常感谢您的帮助！

Answer 1

选择器应该是：

$('a.smallTextLink[href$="Premium-Security-Laser-Check"]')

并且您的表的结构是：

<tr>
  <td>
    <div>
      <a href='....'>
      ..
      ..

所以您的 jQuery 语句需要找到作为 td 的父级。 Parent() 返回 div。您希望parents('td:first') 获取作为td 元素的第一个父级。

$('a[href$="Premium-Security-Laser-Check"].smallTextLink').parents('td:first')
  .replaceWith(....)

Answer 2

我相信问题出在你的选择器上。

我不相信 $("a[href$=/Premium-Security-Laser-Check].smallTextLink") 实际上会抓住任何东西。

试试这个：

$('a.smallTextLink[href$="Premium-Security-Laser-Check"]').click(function()
{
    alert('clicked the security laster check small text link');
});

如果有效，那么您应该能够更改您的选择器并让您的替换工作。

$('a.smallTextLink[href=/Premium-Security-Laser-Check]').parent()
.replaceWith('

高级安全激光检查

• 买 500 张支票，送 500 张特惠！

• 超过 8 种安全功能
• 热致变色墨水
• 8.5" x 11" 片材 24lb MICR纸张
• 2 个穿孔 @ 3.5" x 7"

更多信息

开始价格：
39.50 美元

');