jQuery DOM 相关问题答案

【问题标题】：jQuery DOM related issuejQuery DOM 相关问题
【发布时间】：2011-10-04 06:57:03
【问题描述】：

我的 jQuery DOM 遇到了一个奇怪的问题；我的代码如下；

$("#"+iframeId).attr("src",url);
$("a[target="+iframeId+"]").attr("href", url);

这里 iframeId 获取值“swcontent”

现在第一条语句工作正常，但第二条语句没有返回任何内容，即使我的页面上有一个链接：

<a target="swcontent" href="xyz.html" class="standardMenu_on">Link</a>

现在奇怪的部分在我的 Firebug 检查器中，如果我写的话

document.getElementsByTagName("a")[0].getAttribute("target")

它确实找到了目标“swcontent”

请告诉我为什么会这样。

【问题讨论】：

只是添加如果我在我的 JSP 中添加对 jquery.js 的引用，它似乎工作正常....但是由于某些原因，我想避免它，因为已经有很多其他的我的jsp中基于jquery的东西，比如jquery-ui.js、jquery.dimensions、thickbox等
不确定问题是否与 jQuery 定义有关。但如果是这种情况，不确定第一条语句 ($("#"+iframeId).attr("src",url); ) 是如何正常工作的？

【解决方案1】：

var url = "http://www.yahoo.com";
$("a[target=swcontent]").attr("href", url);
alert(document.getElementsByTagName("a")[0].outerHTML);

这对我有用。

【讨论】：

只是添加如果我在我的 JSP 中添加对 jquery.js 的引用，它似乎工作正常......但由于某些原因，我想避免它，因为已经有很多其他的我的jsp中基于jquery的东西，比如jquery-ui.js、jquery.dimensions、thickbox等

【解决方案2】：

我认为您需要做的就是将您的 jQuery 包装在文档就绪处理程序中，如下所示：

$(document).ready(function(){
  //put your jQuery in here
});

告诉我这是否有效

【讨论】：

其实我已经在 $(document).ready(function(){ ..}
我在我的 chrome 扩展中设置了超时。 If (!document.getElementById('asdf')) 然后在 50 毫秒后重试；否则继续我们的正常任务。当然，您的正常任务取决于“asdf”是否可用。

【解决方案3】：

尝试将属性值括在引号中，请参阅此处以获取工作示例http://jsfiddle.net/99Gua/

$('a[target="'+iframeId+'"]').attr("href", url);

【讨论】：

只是添加如果我在我的 JSP 中添加对 jquery.js 的引用，它似乎工作正常......但由于某些原因，我想避免它......不确定如果问题与 jQuery 定义有关，那么第一条语句如何正常工作？

【解决方案4】：

尝试检查：

$('a[target="'+iframeId+'"]').length

在萤火虫/控制台中。如果不是 1，您可能没有选择预期的内容。如果它 > 1，则您的预期选择可能不是它找到的第一个元素。它可能是一个没有 href 属性的 a 标签。

【讨论】：

【解决方案5】：

您的所有脚本标签都正确关闭了吗？有时观察“如果我添加另一个脚本就可以工作”暗示使用空脚本标签（<script /> 而不是<script></script>）。

【讨论】：