子要素の1つを除いた要素にhrefとdata-toggleを適用するにはどうすればよいですか？

Question

.jillを除き、tr内のすべての要素に対してリンクとデータトグルを作成したいとします。この特定の子供に対してのみ、リンクとデータトグルを削除するにはどうすればよいですか？

$(".jill").removeAttr('data-toggle'); 
 
$(".jill").removeAttr("href");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<table style="width:100%"> 
 
    <tr href="#" data-toggle="control-sidebar"> 
 
    <td class="jill">Jill</td> 
 
    <td>Smith</td> 
 
    <td>50</td> 
 
    <td>Eve</td> 
 
    <td>Jackson</td> 
 
    <td>94</td> 
 
    </tr> 
 
</table>

私はそれを行う方法、それはあなたが各tdにhrefとdata-toggle属性を設定する必要があり、その後、あなたは、これが唯一の要素の属性を削除することができ

Answer 1

私はコメントを拡大します。

hrefは子要素には適用されず、親要素のみに適用されます。そのため、hrefは子供がその属性を持たないため、子供から削除することはできません。

いくつかのオプションがありますので、希望するもの以外の各<td>にhrefとdata-toggleを適用することができます。または、これをjqueryですべて設定できます。私はあなたがjqueryの中でそれをしたいと思う理由はわからないんだけど、あなたは動的にこれらの行を生成している場合は、これを行う、その後、

ような何かを、あなたのセレクタに

.not('.jill') 

を使用することができます

.attr('href', '#') 

hrefを設定します。

Answer 2

が機能していません。

<table style="width:100%"> 
    <tr> 
    <td href="href-test" data-toggle="test-data-toggle" class="jill" >Jill</td> 
    <td href="href-test" data-toggle="test-data-toggle">Smith</td> 
    <td href="href-test" data-toggle="test-data-toggle">50</td> 
    <td href="href-test" data-toggle="test-data-toggle">Eve</td> 
    <td href="href-test" data-toggle="test-data-toggle">Jackson</td> 
    <td href="href-test" data-toggle="test-data-toggle">94</td> 
    </tr> 
</table> 
<a class="remove">Remove</a> 

$(document).ready(function() { 
$(".remove").on("click", function() { 
    $(".jill").removeAttr('data-toggle'); 
    $(".jill").removeAttr("href"); 
}); 
}); 

ライブデモはjsfiddleをご確認ください。