javascript - 如何根据通过函数传递的参数更改 Jquery 选择器

Question

我有一个函数:

 function factCheck(index) {

        if (arrayOfSites[index].indexOf("pdf") > -1) {


            $('#20').attr('style', 'color: red');
            $('#' + index).attr('style', 'color: red');

            console.log('index: ' + index);
            console.log($("#" + index).text());

        }
    }

所以我的问题是。当我使用 $('#20') 时，元素的文本颜色会改变颜色，但是当我使用 $('#' + index) 时，它不起作用。有趣的是，我使用 console.log.. 它记录了元素的文本，但我无法影响它的 css。

为什么会这样？

//经过三个小时的 session ..我回来了一些非常好的答案!谢谢!!

编辑:下面的代码显示了我如何获取页面上的所有链接并添加等于该元素索引的 id。所以这就是为什么我试图捕获那个链接，并以某种方式影响它。感谢你们所有人。我想我将获取字符串并在它们通过函数进入时向其添加一个字母，然后从该点操纵 anchor 。我只是想知道是否有更有效的方法来做到这一点。

  $(".lpage a").each(function (index) {

        // console.log(index + ": " + $(this).text());
        str = $(this).attr('href');
        arrayOfSites.push(str);
        str = arrayOfSites[index];

        title = $(this).attr('title');
        parseURL(str);

        $('.colContent2').append(cellOpen + '<a onclick="whichFunction(' + index + ');" id= "' + index + '"style="cursor:pointer;" class="injectedLinkCol2" >' + str + '</a>' + cellClose).prop("id", index);

    });

Answer 1

也许它与您的 id 属性的名称有关。看看这个answer .