【问题标题】:Selecting <p> within a div using jQuery使用 jQuery 在 div 中选择 <p>
【发布时间】:2012-06-18 06:39:36
【问题描述】:

我想选择第二个 &lt;p&gt; 标记并将其设置在 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>

我想选择第一个 &lt;p&gt; 并为其设置样式,它紧跟在第二个 &lt;div&gt; 之后。第二个&lt;p&gt; 没有ID 或类。

如何通过 jQuery 选择它?

【问题讨论】:

  • 谢谢这个工作,但我现在有另一个问题.. :S。基本结构是相同的,但是 js 文件在选择某些东西之前包含另一个 P,然后将其更改为

    Packages

    。我怎样才能做到这一点。就像来自 js &lt;p&gt;select your order&lt;/p&gt; 的第一个 p 当我选择一些东西时,它通过 jquery 更改为 &lt;p&gt;&lt;strong&gt;Packages:&lt;/strong&gt; &lt;/p&gt; &lt;!-- i want to select this P tag--&gt;。如何将类添加到第二个出现的 P
  • 今后,请花更多时间撰写或格式化您的帖子。格式化帮助可以找到here

标签: javascript jquery


【解决方案1】:
var test = $('.itemize')​.find('div:first')​.find(​'p:first')​​​.html();
alert(test);
​

在这里试试:http://jsfiddle.net/arvind07/H8vwA/

【讨论】:

    【解决方案2】:

    你可以这样做:

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

    .itemize &gt; div 一直到:

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

    还有

    .itemize &gt; div &gt; p:eq(0)

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

    &gt; 允许以直接子代为目标,而 eq(index) 用于获取您想要的第一个 p

    【讨论】:

      【解决方案3】:
      $('.itemize div p:first').html()
      

      查看此链接:http://jsfiddle.net/QJTYx/

      如果你想给那个 p 标签添加类:

      $('.itemize div p:first').addClass('selected');
      

      【讨论】:

      • 链接不是答案。至少在答案中复制你的 JS 行也是如此。取自metaLink-only answers can be actively harmful if links break. And they do break, even on sites that are seemingly going to be around forever.。感谢更新。 :)
      • 谢谢这个工作,但我现在有另一个问题.. :S。基本结构是相同的,但 js 文件在选择某些东西之前包含另一个 P,然后将其更改为 &lt;p&gt;&lt;strong&gt; Packages&lt;/strong&gt;&lt;/p&gt;。我怎样才能做到这一点。就像来自 js 的第一个 p

        选择您的订单

        当我选择一些东西时,它会通过 jquery 更改为 &lt;p&gt;&lt;strong&gt;Packages:&lt;/strong&gt; &lt;/p&gt; &lt;!-- i want to select this P tag--&gt;
      • 你只是想给第一个 p 标签添加类吗?如果是,那么我在这里更新了代码。 jsfiddle.net/QJTYx/4
      【解决方案4】:

      你可以试试这个..

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

      希望它会起作用..

      【讨论】:

        【解决方案5】:

        这应该可以解决问题

        $('.itemize div p').first().addClass('hello');
        

        【讨论】:

          【解决方案6】:
          $('.itemize>div>p:first').addClass('someClass');
          

          【讨论】:

            【解决方案7】:

            $('.itemize&gt;div&gt;p').first().css(styles go here) 上面的大多数都可以工作

            jQuery 选择器的工作方式有点像 css 选择器,请查看 tutorial 以获取更多信息。

            【讨论】:

              猜你喜欢
              • 2011-07-11
              • 2013-04-07
              • 1970-01-01
              • 1970-01-01
              • 2012-08-19
              • 2014-07-23
              • 2015-06-09
              • 2013-04-05
              • 1970-01-01
              相关资源
              最近更新 更多