9

<p>2 番目のタグを選択して、itemizeクラス div内でスタイルを設定したいと考えています。HTML の例を次に示します。

<div class="itemize">
    <p> Order Summery</p>
    <div>
        <p><strong>Packages:</strong> </p> <!-- i want to select this P tag-->
        <p><strong>Date:</strong> </p>
        <p><strong>Style:</strong> </p>
    </div>
</div>

<p>2 番目の直後にある1 番目を選択してスタイルを設定したい<div>。2 番目<p>には ID もクラスもありません。

jQuery経由で選択するにはどうすればよいですか?

4

7 に答える 7

15
$('.itemize div p:first').html()

このリンクを確認してください: http://jsfiddle.net/QJTYx/

その p タグにクラスを追加する場合:

$('.itemize div p:first').addClass('selected');
于 2012-06-18T06:43:23.307 に答える
7

次の方法で実行できます。

$('.itemize > div > p:eq(0)')

.itemize > divまで:

<div class="itemize">
    <p> Order Summery</p>
</div>

.itemize > div > p:eq(0)

<div class="itemize">
    <p> Order Summery</p>
    <div>
        <p><strong>Packages:</strong> </p>
    </div>
</div>

>直接の子をターゲットにすることができますが、は必要なものeq(index)を最初に取得するために使用されpます。

于 2012-06-18T06:43:15.837 に答える
6
var test = $('.itemize')​.find('div:first')​.find(​'p:first')​​​.html();
alert(test);
​

ここで試してください:http://jsfiddle.net/arvind07/H8vwA/

于 2012-06-18T06:42:32.297 に答える
2
$('.itemize>div>p:first').addClass('someClass');
于 2012-06-18T06:41:55.700 に答える
2

これはトリックを行う必要があります

$('.itemize div p').first().addClass('hello');
于 2012-06-18T06:42:58.427 に答える
2

これを試すことができます..

$(".itemize div p:first").text();

それがうまくいくことを願っています..

于 2012-06-18T06:46:39.127 に答える
1

$('.itemize>div>p').first().css(styles go here)上記のもののほとんども同様に機能します

jQuery セレクターは css セレクターと少し似ています。詳細については、このチュートリアルを参照してください。

于 2012-06-18T06:45:13.370 に答える