Question

<tr id="TR_Select_Color">
  <td valign="top">
    <span class="boldtext">Select Color :</span>
  </td>
  <td>
    <select id="ctl01_Select_Color" >
      <option value="Black">Black</option>
      <option value="Brown">Brown</option>
    </select>
  </td>
</tr>

在上面的代码中，我想在<a>标记后插入<select>标记。如果用CSS不可能，我怎么能用JavaScript和jQuery做呢？

Answer 1

您无法使用css pseudoelements插入标记。但是使用jQuery却很简单：

$(aElement).insertAfter(spanElement);

其中aElement是您的新元素，spanElement是您要在之后插入的元素。见http://api.jquery.com/insertAfter/

Answer 2

您可以使用.insertAfter()。

描述：在目标之后插入匹配元素集中的每个元素。

$('<a>').insertAfter('tr#TR_Select_Color select');

或

您可以使用.after()。

描述：在匹配元素集中的每个元素之后插入由参数指定的内容。

$('tr#TR_Select_Color select').after('<a>');

或

您也可以使用.append()。

描述：将参数指定的内容插入匹配元素集中每个元素的末尾。

$('tr#TR_Select_Color select').append('<a>');

Answer 3

您可以在此处添加任何事件，例如点击按钮事件

$("button").click(function(){
       $("<a href="yourlink">Hello world!</a>").insertAfter("select");
});

Answer 4

您可以使用after：

$("#ctl01_Select_Color").after("<a href='example.com'>This is an anchor</a>");

如何插入<a> tag using :after css property?</a>

4 个答案: