javascript - 子要素に属性を追加 (または変更) する方法は?

Question

この単純なスクリプトを使用して、target="_blank" 属性をすべての要素に追加しています。

$(function(){
$('a').attr('target', '_blank');
});

うまく機能していますが、このスクリプトの影響を受ける<a>のはだけです。<div id="main">

私は試した ：

$('#main').$('a').attr('target', '_blank');

しかし、これはうまくいきません....

Answer 1

これを使って ：

$('#main').find('a').attr('target', '_blank');

Answer 2

$('#main a').attr('target', '_blank');

セレクターに関する情報については、jQuery の Web サイトを確認してください (セレクターは $ 関数に渡される文字列です)。

この場合、jQuery は ID が「main」のタグ内のすべての「a」タグを選択します。

• 「#」は「ID」を意味します
• 「.」「CSSクラス」を意味します
• 「>」は「絶対的な子」を意味します
• そしてもっとたくさん

CSS クラスでタグを指定することもできます。たとえば、css クラス「blankLink」を持つ「a」タグのみに影響を与えたい場合は、次のようにします。

$('#main a.blankLink').attr('target', '_blank');

これをチェックしてください！

Answer 3

$('a','#main').attr('target','_blank');

また、動作するはずです。

Answer 4

html の構造が次のようになっていると仮定します。

  <div id="main">
         <a id="1"></a>
         <a id="2"></a>
         <a id="3"></a>

         <div>
           <a id="4"></a>
            <div>
               <a id="5"></a>
            </div>
         </div>
    </div>

ノート：

これにより、1、2、3、4、5 が変更されます。

 $('#main a').attr('target', '_blank');

これにより、1、2、3 が変更されます。

   $('#main > a').attr('target', '_blank');