tag. 例: <input type="button" value="Click here to go to Google!" /> .css( 'text-decoration'、"> tag. 例: <input type="button" value="Click here to go to Google!" /> .css( 'text-decoration'、"> tag. 例: <input type="button" value="Click here to go to Google!" /> .css( 'text-decoration'、" />

<input>がjQueryで内側にある<a>タグを選択します。

I need to apply style="text-decoration: none;" to all of my tags that contain a <input> tag. Since I can't do this with CSS, I thought jQuery could help me find where this case is, and apply the style.

例:

<input type="button" value="Click here to go to Google!" />

.css( 'text-decoration'、 'none')はCSSを適用しますが、どのようにタグを見つけることができますか?

1
私はいくつかのケースでそれを持っていますが、これらのボタンはすでに書かれていて、いくつかのボタンがありますので、それらをすべて変更するには時間がかかりすぎます(これがjQueryを使用して、それを適用する)。実際、これらのリンクがIE7で動作するためには、 タグに onclick = "location.href = 'http://www.google.com'
イベントハンドラをナビゲートする代わりにボタンに追加することを検討しましたか?
追加された 著者 pimvdb,

4 答え

:has セレクタを使用することができます:

$("a:has(input)").css("text-decoration", "none");

.has メソッド:

$("a").has("input").css("text-decoration", "none");

デモ。

5
追加された

直接親であるものだけが必要な場合は、

$("input").parent("a");

あなたが最も近い祖先を望むなら、あなたは使うことができます

$("input").closest("a");

すべての祖先が必要な場合は、次のものを使用できます。

$("input").parents("a");
4
追加された
$('a:has(input)')

または

$('input').parents('a')
3
追加された
これらの2つは同等ではないことに注意する必要があります。 :has parents と同じです。ネストした要素の結果は異なるでしょう。 a タグで使用しても気にする必要はありません。
追加された 著者 James Montagne,
@ JamesMontagne:あなたは正しい。一定。
追加された 著者 SLaks,

これを達成するには(少なくとも)2つの方法があります:

$('a').has('input').css('text-decoration', 'none');
$('a:has(input)').css('text-decoration', 'none');
3
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript