Question

这是我的结果表的标题行。我想设置标题链接来设置排序顺序，当它是order = asc时，它应该产生一个链接顺序= desc，反之亦然。

我建立的php查询代码。

<tr>
<td><input type="checkbox"></td>
<td><a class="sorting" href="?orderby=title&order=asc">Title</a></td>
<td>Catagory</td>
<td>Tags</td>
<td>Comments</td>
<td>Date</td>
</tr>

Answer 1

使用jquery check url，并相应地设置href

if (window.location.href.indexOf("order=asc") > -1) {
   $(".sorting").attr('href','?orderby=title&order=desc')
}

Answer 2

使用 jQuery ：

$(".sorting").click(function (e) {
    e.preventDefault();
    ($(".sorting").attr('href') == "?orderby=title&order=asc") ? $(".sorting").attr("href", "?orderby=title&order=desc") : $(".sorting").attr("href", "?orderby=title&order=asc");
    console.log($(this).prop("href"));
});

<table>
    <tr>
        <td>
            <input type="checkbox">
        </td>
        <td><a class="sorting" href="?orderby=title&order=asc">Title</a>

        </td>
        <td>Catagory</td>
        <td>Tags</td>
        <td>Comments</td>
        <td>Date</td>
    </tr>
</table>

查看您的控制台（Chrome中的Ctrl + Shift + I）以进行确认。

Answer 3

看一下这个：http://jsfiddle.net/csdtesting/0g43g72u/

$('table').find('a.sorting').click(function() {
  var k = $(this).attr("href");
  var newk = "";
  if (k.indexOf("asc") >= 0) {
    newk = k.replace("asc", "desc")
    $(this).attr("href", newk);
  } else if (k.indexOf("desc") >= 0) {
    newk = k.replace("desc", "asc");
    $(this).attr("href", newk);
  }
  alert("New href attached to the link is -> "+newk);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>
      <input type="checkbox">
    </td>
    <td><a class="sorting" href="?orderby=title&order=asc">Title</a>

    </td>
    <td>Catagory</td>
    <td>Tags</td>
    <td>Comments</td>
    <td>Date</td>
  </tr>
</table>

如何在当前链接上更改超链接

3 个答案: