Question

因此，我正处于一个让脚本选择正确的HTML网页主体的阶段，但是脚本不是选择正确的子元素，而是将图像添加到每个可能的元素中。 / p>

我无法让选择器以我想要的方式工作，我可以使用一些建议。

（代码用户名＆＃34; Twisty＆＃34;略有改动）

$("a").each(function(i, el){
  var $a = $(el);
  if($a.attr("href").indexOf(".pdf")){
    var $icon = $("<img>", {
      src: "img/pdf.png",
      alt: "PDF"
    }).prependTo($a).position({
      my: "right+5 top",
      at: "left top",
      of: $a
    });
  }
});

此代码查找图像并将其拍打到正确的HTML元素上，但prependTo选择器太未定义。

我尝试了许多可能的解决方案，例如使用find（＆＃34; .pdf＆＃34;）等等，但我经常做错事。

尝试复制已发现的解决方案的示例：

$("a").each(function(i, el){
    var $a = $(el);
    if(String($a.attr("href").indexOf(".pdf")))
    $(el).children($a).prependTo($(".pdf", el));
});

我尝试做的是让选择器将选择的图像添加到与＃34; .pdf＆＃34;的链接中。在其中

其中包含.pdf的示例元素：

<a href="http://www.ecma-international.org/publications/files/ECMA-ST/ECMA-262.pdf">ECMAScript Language Specification (an external PDF)</a>

Answer 1

String.prototype.indexOf(searchValue[, fromIndex])返回已找到传递的searchValue的索引。如果找不到searchValue，则会返回-1。

因为-1是一个truthy value，在比较中评估为true，如：

if($a.attr("href").indexOf(".pdf")){
  //...
}

当if(...)属性的内容为href时，".pdf"才会被跳过，因为.indexOf(".pdf")将返回0，这是false 3}}评估为if($a.attr("href").indexOf(".pdf") > -1){ //... }。

您必须明确测试此“找到”案例：

def findComplement(self, num):
    return ~num

Answer 2

我建议你阅读http://api.jquery.com/attribute-ends-with-selector/

$('a[href$=".pdf"]').each(function(){
    $(this).prepend('<img src="img/pdf.png" alt="PDF" />');

    $('>img:first',this).position({
      my: "right+5 top",
      at: "left top",
      of: // CAN BE $(this) or $(this)[0], or just remove position
    });
});

jQuery prependTo选择器字符串

2 个答案: