javascript - 在 Firefox 中使用 jQuery(用户脚本)添加表单链接

Question

我正在尝试使用 jQuery 将搜索链接添加到带有用户脚本的在线表单。我在 Firefox 中工作不多，而且我觉得通常在 chrome 中工作的东西在 ff 9/10 中对我来说不起作用。但无论如何...这需要与 ff 一起。

我正在从 <p> 获取文本元素并从中创建一个搜索 URL(或尝试创建)。现在，这是我正在尝试的函数，应该执行此操作...但它什么也没做，甚至控制台中没有任何错误

$(function() {

    var companyName = $('p')[7]; // Element that contains the name text
    var companyText = companyName.text(); // Retrieve the text from element
    var mixRankUrl = $("<a></a>").innerHTML("Search Mixrank"); // Create an <a> element
    mixRankUrl.href = 'https://mixrank.com/appstore/sdks?search=' + companyText; // Define the href of the a element
    var sdkPara = $('label.control-label')[10]; // Where I want it to go
    sdkPara.append(mixRankUrl); // Append the element
});

此外，无论谁编写了 html，都几乎不使用任何 id，并且大多数类都分配给 10 个或更多元素...因此，除非有更好的方法，否则我会陷入使用节点选择器(与节点选择器保持相同的形式)的困境。形式)。

Answer 1

问题是您尝试在 DOM 元素上使用 jQuery 方法。不明白为什么您的代码没有任何错误。

例如: $('p')[7] 返回 DOM 元素，而 $('p').eq(7) 返回 JQuery 对象。所以你不能在 DOM 元素上使用像 text() 这样的 jQuery 方法。您需要处理 jQuery 对象。

出于同样的原因，您在标签对象的声明和链接的 href 属性的修改方面遇到了问题。

尝试这样:

$(function() {
  var companyName = $('p').eq(7); // Element that contains the name text
  var companyText = companyName.text(); // Retrieve the text from element
  var sdkPara = $('label.control-label').eq(10); // Where I want it to go
  var mixRankUrl = $('<a>',{
     text: 'Search Mixrank',
     href: 'https://mixrank.com/appstore/sdks?search=' + companyText
  }).appendTo(sdkPara); // Append the element
});