我想使用 jquery 将类添加到 td 中的锚标记答案

【问题标题】：I want to add class to anchor tag which is in td using jquery我想使用 jquery 将类添加到 td 中的锚标记
【发布时间】：2012-07-30 23:05:44
【问题描述】：

这是我的 td：

<td width="64%" valign="top" class="addtocart_vak">
<a href="/ShoppingCart.asp?ProductCode=QH1225264">
<img border="0" align="absmiddle" src="btn_addtocart_small.gif">
</a>
</td>

我尝试了下一个 jquery 代码：

$('.addtocart_vak' 'a').addClass("anchor");

我也试过了：

$(".addtocart_vak a[href$=/ShoppingCart.asp]").addClass("anchor");

请给我正确的解决方案。

更新：

我收到以下 JavaScript 异常：

[Exception... "'JavaScript 组件没有名为：调用方法时的“onStatusChange”'： [nsIWebProgressListener::onStatusChange]" nsresult: "0x80570030 (NS_ERROR_XPC_JSOBJECT_HAS_NO_FUNCTION_NAMED)"位置："" 数据：无]

你能给我解决这个错误的方法吗？

【问题讨论】：

remove ' ' from a & 它会像 $('.addtocart_vak a') 一样工作

标签： javascript jquery

【解决方案1】：

您只能提供一个字符串作为选择器，但您会在类选择器之后立即破坏您的字符串。您可能会在那里遇到语法错误，对吧？

如果你不在类选择器和标签选择器之间结束你的选择器，你会没事的。

试试这个：

$('.addtocart_vak a').addClass("anchor");

使用此选择器（您的第二次尝试）：

$(".addtocart_vak a[href$=/ShoppingCart.asp]")

你说的是给我所有具有以/ShoppingCart.asp 结尾的href-attribute 的a 元素。 （不过，您应该在值周围加上引号。） 但是，由于您的 href 属性有一个查询字符串，因此 href 值不会以 /ShoppingCart.asp 结尾。但是它确实具有该值，因此您可以改用attribute starts with selector。

$(".addtocart_vak a[href^='/ShoppingCart.asp']")

更新：

显示的错误与 jQuery 或您的选择器无关，但它可能会中断脚本的执行，从而使您的 jQuery 代码无法运行。您对可能导致该异常的原因有任何想法吗？如果你解决了这个问题，你的 jQuery 代码可能也会运行良好。

【讨论】：

@Monica 应该可以，这里有一个working example 给你。如果您检查锚元素，您会看到已添加锚类。如果它对您不起作用，则问题可能出在其他地方。你有什么例外吗？
是的，我收到此错误：[Exception..."'JavaScript 组件没有名为："onStatusChange"' 的方法调用方法时：[nsIWebProgressListener::onStatusChange]"nsresult:"0x80570030 (NS_ERROR_XPC_JSOBJECT_HAS_NO_FUNCTION_NAMED)”位置：“”数据：无]
@Monica 您可能应该在您的问题中添加这一点，这样每个人都可以更容易地帮助您。我现在给你加了。该错误与 jQuery 或您的选择器无关，但它可能会中断脚本的执行，因此您的 jQuery 代码不会运行。您对可能导致该异常的原因有任何想法吗？如果你解决了这个问题，你的 jQuery 代码可能也会运行良好。
@Monica 一些快速的谷歌搜索表明此错误是由错误的 Firefox 扩展引起的。例如，您是否尝试过 Chrome 中的代码？

【解决方案2】：

$('.addtocart_vak a').addClass("anchor");

或者你想要直接孩子的规格

$('.addtocart_vak > a').addClass("anchor");

【讨论】：

【解决方案3】：

你可以为你的锚添加一个 id 并通过 id 找到它，或者直接使用

$('.addtocart_vak a').addClass("anchor");

【讨论】：