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

时间:2013-02-27 15:41:27

标签: javascript

在从搜索中返回结果列表的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...

对于&#34;尝试其他搜索&#34;链接,我想在网址上附加一些有关该记录的信息,例如&#34; http://another.search?title = [title]&amp; author = [author]&#34;,so该信息可用于执行其他搜索。

如何识别没有特定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的新手,所以请不要觉得你的潜在反应是侮辱性的。

1 个答案:

答案 0 :(得分:0)

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

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 + "]"

试试here

然后你只需使用这个字符串进行下一次搜索。