2016-05-09 15 views
-2
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('.linkplus').next().remove(); 
    }); 
</script> 

これは機能します。しかし、私は、なぜjavascriptを使用して前の要素を削除する方法

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

または

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

を理解していない動作しません。 javascriptを使って前の要素を削除する方法はありますか?

前の要素がある:私はそれがlinkx

の前に来るときにのみlinkplusを削除したい

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

は、ここに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> 
+1

あなたは '$よろしいです'前の要素を持っていますか?たぶんあなたはこれのHTMLを追加することができます。 – forgivenson

+2

生成されたHTMLを表示してください。サーバー側のコードではありません。 – JJJ

+0

あなたが投稿したコードは、前の要素があれば削除します。 'console.log($( '。linkplus')。prev()。length);' – Utkanos

答えて

0

私はあなたが示されているコードはlinkplus要素ではなく、それらの要素自体の前または後の要素を削除しますlinkx

前に来たときにのみlinkplusを削除したいです。

これは、あなたが引用された文の上で聞いて何を行う方法である:(」。linkplus')

$('.linkx').prev('.linkplus').remove(); 
+0

これがあなたの質問に答えたかどうかを示すことができますか? – trincot

関連する問題