0 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
    </script>
<p>Paragraph 1</p>
<p>Paragraph 2</p>
<p>Paragraph 3</p>

<script type="text/javascript">
$(function()
{
        $("p").text(function(index, oldText) {
                return "Existing text: " + oldText + ". New text: A dynamically set text (#" + index + ")";
        });
});
</script>

結果：

Existing text: Paragraph 1. New text: A dynamically set text (#0)

Existing text: Paragraph 2. New text: A dynamically set text (#1)

Existing text: Paragraph 3. New text: A dynamically set text (#2)

質問：

段落1と段落2にのみ適用したい場合（以下は私が望む結果です）、どうすればよいですか？

Existing text: Paragraph 1. New text: A dynamically set text (#0)

Existing text: Paragraph 2. New text: A dynamically set text (#1)

Paragraph 3.
4

1 に答える 1

1

:lt(index)セレクターを使用して、特定のインデックスよりも小さい要素をフェッチできます (インデックスが 0 であるため、ここでは 3 番目の要素よりも小さい要素を指定するために 2 を指定します)。

$("p:lt(2)").text(function(index, oldText) {

デモ

于 2013-07-08T04:04:54.530 に答える