WebフォームにButtonコントロールがあります。ここでは、JQueryを通じてCSSスタイルを適用します。場合によっては、ページの読み込みに適用されたスタイルを削除したいと考えています。私はその親スパンとDIV要素をトラバースして削除する必要があります。私はこれがどのように達成できるのかを知りたいと思います。ページの読み込みにスタイルを適用すると、次のようなHTMLマークアップが表示されます。親要素をトラバースしてスタイル属性を削除する方法
<DIV class=jquery-roundedBtn>
<SPAN class=spanLt></SPAN>
<INPUT id=DefaultContent_btnRunReport class=edit-submit value="Run Report" type=submit name=ctl00$DefaultContent$btnRunReport>
<SPAN class=spanRt></SPAN>
</DIV>
どのようにスタイルを適用していますか？うまくいけば、スタイルを設定したい要素にクラスを割り当てるだけです。
$(".mySelector").parent().removeClass("myClass");
私はどんな親SPANが表示されていないが、あなたはそれはあなたが必要なものである場合には兄弟のスパンを選択するようにsiblings機能を使用することができます。このような場合は、あなたはそうのようにそれを削除することができます。
あなたはこれを試す直接
$('.spanLt .spanRt .jquery-roundedBtn').removeClass("name of class");
両親を選択することができます：
$('.spanLt, .spanRt, .jquery-roundedBtn').removeClass("name of class");
これは、より堅牢なソリューションです。出発点
$('#DefaultContent_btnRunReport').closest('div').removeClass('test123').find('span').removeClass('test123');
は、問題のボタンです。 closest('div')はdiv（即時/直接の親だけではなく）である第一の親を返しますので、あなたは少し後でマークアップ変更した場合、jsはまだ動作します。 find('span')は、前に見つかったdiv内のすべてのスパンを返します。
はまた、のみdiv、ボタンに関連するspanは、それらのクラスに代わり、すべてのdiv、spanの対象となります。