jqueryでスタイル属性を削除する方法-HTMLの知識-php.cn

jqueryでスタイル属性を削除する方法

藏色散人

リリース： 2018-12-27 11:00:25

オリジナル

6466 人が閲覧しました

jquery は、指定されたタグ内の href 属性の削除など、スタイル属性を削除します。これは、removeAttr() メソッドを通じて実現できます。 RemoveAttr() メソッドは、選択した要素から属性を削除します。

jqueryでスタイル属性を削除する方法

以下では、スタイル属性を削除する jquery メソッド を簡単なコード例とともに紹介します。

HTML コードは次のとおりです。

最初に 4 つの a タグを定義し、クラス属性「disabled」を 4 番目のタグに追加します。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jquery删除样式属性示例</title>

</head>
<body>
<div class="menu">
    <a href="//m.sbmmt.com/course/1007.html">HTML</a>
    <a href="//m.sbmmt.com/course/1009.html">Git</a>
    <a href="//m.sbmmt.com/course/1012.html">PHP</a>
    <a href="//m.sbmmt.com/course/967.html" class="disabled">PHP第一季</a>

</div>
</body>
</html>

ログイン後にコピー

フロントエンドチェック要素の結果は次のとおりです:

jqueryでスタイル属性を削除する方法

次に、次のような jquery コードを追加します。

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
       $(function () {
     $(".menu a").each(function () {
         if ($(this).hasClass("disabled")){
             $(this).removeAttr("href");
         }

       });
       });
</script>

ログイン後にコピー

まず、上記のコードでメニューの a タグを取得し、each を介してすべての a タグをループし、それぞれの a タグが class="disabled" であるかどうかを判断します。属性を削除するには、removeAttr () メソッドを使用して、対応する href 属性を削除します。

注: hasClass() メソッド 選択した要素に指定されたクラスが含まれているかどうかを確認します。

結果は次のとおりです。

jqueryでスタイル属性を削除する方法