jquery - ツリー内のJquery編集スタイル属性アンカー内のタグ

Question

このように見えるhtmlのinsタグスタイル属性を変更しようとしています

<ul>
  <li class="pad">
    <a>
     <ins style="margin-left: 5px"></ins>
    </a>
  </li>
  <li class="no_pad">
    <a>
      <ins style="margin-left: 0px"></ins>
    </a>
  </li>
  <li class="pad">
    <a>
      <ins style="margin-left: 5px"></ins>
    </a>
  </li>
<ul>

「pad」クラスタグでリスト要素を取得したいだけです。すべてのリスト要素を取得してから、insタグに移動して、そのスタイル属性を編集するにはどうすればよいですか？

Answer 1

さて、それはあなたが探しているものだけではありませんか？または私はあなたを誤解しました

$('li.pad ins').css('margin-left','20px');

Answer 2

単純なCSSセレクターを使用します。

$('li.pad ins').css('cssPropertyName', 'CssPropertyValue');

これにより、プロパティが追加cssPropertyNameされ、その値が指定されたに設定されcssPropertyValueます。

不必要ではありますが、必要に応じて、次のattr()方法を使用してください。

$('li.pad ins').attr('style', function(i, v) {
    return v + 'cssPropertyName: cssPropertyValue;'
});

参照：

• attr()。
• css()。

Answer 3

あなたはこれを試すことができます

$('li.pad > a > ins').css({
    'color':'red',
    'font-weight':'bold'
});

デモ。

Answer 4

class、、またはjQueryセレクターとして使用できますid。この場合はタグなので、次のように見つけることができます。attrtagsins

$('li.pad').find('ins');