如何将通配符添加到CSS选择器？

Question

我正在一个网站上工作，并且试图找出如何在author1_name的以下代码中添加通配符：

$(function() {
  var num = 2;
  var id = 'author' + num;
  var uni_id = 'university' + num;
  $("#AuthorFieldButton").click(function() {
    var name = 'Author ' + num;
    var uni_name = 'University ' + num;
    id = 'author' + num;
    $('.author-group').last().after('<div class="form-group"> <label class="col-md-4 control-label" for="' + id + '">' + name + ':</label><div class="col-md-4"><input type="text" id="' + id + '" name="' + id + '" class="form-control input-md" maxlength="40" ></div></div><div class="form-group author-remove-group author-group"><label class="col-md-4 control-label" for="' + uni_id + '">' + uni_name + ':</label><div class="col-md-4"><input type="text" id="' + uni_id + '" name="' + uni_id + '" class="form-control input-md" maxlength="55" ></div></div>')
    num++;
  });
  $("#article_name").autocomplete({
    source: 'articlesearch.php'
  });

  $("#author1_name").autocomplete({
    source: 'authorsearch.php'
  });
  $("#author2_name").autocomplete({
    source: 'authorsearch.php'
  });
  $("#author3_name").autocomplete({
    source: 'authorsearch.php'
  });
  $("#author4_name").autocomplete({
    source: 'authorsearch.php'
  });
  $("#author5_name").autocomplete({
    source: 'authorsearch.php'
  });
  $("#author6_name").autocomplete({
    source: 'authorsearch.php'
  });
  $("#author1_university").autocomplete({
    source: 'universitysearch.php'
  });
  $("#author2_university").autocomplete({
    source: 'universitysearch.php'
  });
  $("#author3_university").autocomplete({
    source: 'universitysearch.php'
  });
  $("#author4_university").autocomplete({
    source: 'universitysearch.php'
  });
  $("#author5_university").autocomplete({
    source: 'universitysearch.php'
  });
  $("#author6_university").autocomplete({
    source: 'universitysearch.php'
  });
});

我希望将通配符放在author1_name和author1_university中的author1_name ，这样就不必在代码中重复多次选择器。 非常感谢您的帮助。

Answer 1

像这样使用选择器：

$("[id^=author]").autocomplete({
    source: 'universitysearch.php'
  });

查找以author开头的id。

要查找以_university结尾的ID：

$("[id$=_university]").autocomplete({
    source: 'universitysearch.php'
  });

为您需要选择的所有元素添加单独的类也是一种解决方案。 您可以将class author_of_university添加到元素中，然后选择类似：

$(".author_of_university").autocomplete({
        source: 'universitysearch.php'
 });

Answer 2

您在这里有两条路线：

1. 您可以在每个类似的元素上放置一个类。

   class="author_university"

   jQuery的： $(".author_university")

2. 或为ID使用选择器，如下所示：

   $("[id^='author'][id$='_university']")

   这将选择id以"author"开头并以"_university"结尾的任何元素。

Answer 3

jQuery具有“开头为”选择器：

$( "[id^='author']" ).autocomplete({});