Question

我有一个应用程序（我没有写过）生成以下内容：

    <div class="page-header"><h1>
      <div class="row">
        <div class="col-sm-8">
          <a href="item_view.php">
            <img src="icons/item.png"> Purchased Items</a>
        </div>
        <!-- other tags &c. -->
      </div></h1>
    </div>

我可以访问javascript钩子，并且jquery可用，我可以进行自定义。我想要的最终结果是：

    <div class="page-header"><h1>
      <div class="row">
        <div class="col-sm-8">
          <a href="order_view.php">
            <img src="icons/order.png"> Order Info</a>
          <a href="item_view.php">
            <img src="icons/item.png"> Purchased Items</a>
        </div>
        <!-- other tags &c. -->
      </div></h1>
    </div>

我已经尝试过我能想到的一切，但没有成功。

我如何：
使用jQuery，选择＆＃34; Purchased Items＆＃34;锚点，并插入＆＃34;订单信息＆＃34;锚点+图像在它之前？

谢谢！

Answer 1

你想要的是基本上选择锚点并在前面添加两个新元素：

$(document).ready(function() {
  var template = "<a href='order_view.php'><img src='icons/order.png'> Order Info</a>";
  $("a[href='item_view.php']").prepend(template);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="page-header">
  <h1>
      <div class="row">
        <div class="col-sm-8">
          <a href="item_view.php">
            <img src="icons/item.png"> Purchased Items</a>
        </div>
        <!-- other tags &c. -->
      </div>
  </h1>
</div>

Answer 2

我终于得到了类似的东西：

$j('a[href="item_view.php"]').before(template);

我已经接近几次了，但键盘上的时间太长了，而且我一直打字：

$j('a [href=="item_view.php"]').before(template);

有时候近距离不够好。

感谢您重新考虑它！

使用jquery插入锚标记

2 个答案: