javascript - 用于从没有特定 ID 的元素创建链接 url 的 javascript

Question

在返回搜索结果列表的 CMS 中，我有一个看起来像这样的项目列表：

<ul class="results_odd_row">
  <li class=title> Title </li>
  <li class=published> Year </li>
  <li class="author"> Author </li>
  <li class="avail"> Out; try <a href="http://another.search">Another Search</a></li>
</ul>
<ul class="results_even_row">... </ul>
<ul class="results_odd_row">... </ul>
...etc...

对于“尝试另一个搜索”链接，我想在 url 上附加一些关于记录的信息，比如“http://another.search?title=[title]&author=[author]”，这样信息就可以用于执行其他搜索。

如何识别没有特定 ID 的元素，以及同一页面上有多个相同类的元素？在伪代码中，我想要的可能是这样的：

 1. href = base URL (http://another.search) plus
 2. the text from the first <li> element above with class="title"
 3. the text from the first <li> element above with class="author"

此外，我受到 CMS 的限制，只能在 A 标记中使用任何 javascript。

如果它还不是很明显，我是一个完全使用 javascript 的新手，所以请不要觉得你的潜在反应是侮辱基本的。

Answer 1

您可以通过这种方式构建查询字符串

var baseUrl = "http://another.search"
var author = $('.results_even_row .author, .results_odd_row .author').first().text();
var title = $('.results_even_row .title, .results_odd_row .title').first().text();

var queryString = baseUrl + "?title=[" + title + "]&author=[" + author + "]"

在这里试试。

然后，您只需使用此字符串进行下一次搜索。