如何使用javascript删除以前的元素

How to remove previous element using javascript

本文关键字：元素 删除 何使用 javascript      更新时间：2023-09-26
<script type="text/javascript">
    $(document).ready(function(){
        $('.linkplus').next().remove();
    });
</script>

这行得通。但我不明白为什么 

<script type="text/javascript">
    $(document).ready(function(){
        $('.linkplus').prev().remove();
    });
</script>

或

<script type="text/javascript">
    $(document).ready(function(){
        $('.linkplus').prev().remove();
    });
</script>

不工作。有没有办法使用 javascript 删除以前的元素？

前面的元素是：

<%= link_to '+', food_plans_path(abc: date),:method=> :post,:style=>"color:black;visibility:visible;float:right;font-weight:700;font-size:17px;",:class=>"linkplus"%>

我只想在linkplus之前删除它linkx

这是 HTML：

<div class="col-md-9" style="padding-top:7px;">
<%= week_calendar number_of_weeks: 4, events: @food_plans do |date, food_plans| %>
  <%= date.day %>
  <%= link_to '+', food_plans_path(abc: date),:method=> :post,:style=>"color:black;visibility:visible;float:right;font-weight:700;font-size:17px;",:class=>"linkplus"%>
  <% food_plans.each do |food_plan| %>
  <%if food_plan!=nil%>
  <%= link_to 'x', food_plan,:style=>"color:black;visibility:visible;float:right;font-weight:700;font-size:14px;",:class=>"linkx", method: :delete, data: { confirm: 'Are you sure?' } %>
  <%end%>
  <div >
  <!-- Displays proper collection select-->
  <%if food_plan.meal==nil%>
  <%=collection_select(:post, :food_plan_id, Meal.all, :name, :name, {prompt: '---'}, {:id=>"fsel", :onchange=>"window.location='#{meal_select_path(food_plan.id)}?meal=' + this.value"})%>
  <%else%>
  <%=collection_select(:post, :food_plan_id, Meal.all, :name, :name, {selected: food_plan.meal}, {:id=>"fsel", :onchange=>"window.location='#{meal_select_path(food_plan.id)}?meal=' + this.value"})%>
  <%end%>
  </div>
  <%end%>
<% end %>
</div>

在检查元素时，FF显示：

<a style="color:black;visibility:visible;float:right;font-weight:700;font-size:17px;" class="linkplus" rel="nofollow" data-method="post" href="/food_plans?abc=2016-05-09">+</a>
<a style="color:black;visibility:visible;float:right;font-weight:700;font-size:14px;" class="linkx" data-confirm="Are you sure?" rel="nofollow" data-method="delete" href="/food_plans/7">x</a>

我只想在linkplus之前删除它linkx

您显示的代码删除linkplus元素之前或之后的元素，而不是这些元素本身。

这是您在上面引用的声明中要求的操作的方法：

$('.linkx').prev('.linkplus').remove();
相关文章：