当我通过jQuery选择时，为什么p标记被排除

Question

当我使用<?php $number = 9; $str = "Beijing"; $txt = sprintf("There are %u million bicycles in %s.",$number,$str); echo $txt; ?> p选择classname标记时，我有一个类似的数据，它会返回<strong>Packages:</strong>，但我希望像<p class="first"><strong>Packages:</strong> </p>一样选择数据}。

alert($('.mydiv').html());
$('.itemize div p:first').css('background-color','red');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="itemize">
    <p> Order Summery</p>
    <div class="mydiv">
    <p class="first"><strong>Packages:</strong> </p> 
    </div>
   </div>

有人可以帮助我获取包含p元素的整个<strong>标记。 有任何建议，拜托！

Answer 1

您必须使用OuterHTML，OuterHTML返回选择器html代码。

＆＃13;

＆＃13;

alert($('.itemize div p.first')[0].outerHTML);
$('.itemize div p:first').css('background-color','red');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="itemize">
    <p> Order Summery</p>
    <div>
    <p class="first"><strong>Packages:</strong> </p> 
    </div>
   </div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

＆＃13;

＆＃13;

alert($('.itemize div p.first').get(0).outerHTML);
alert($('.itemize div p.first').prop('outerHTML'));
$('.itemize div p:first').css('background-color','red');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="itemize">
    <p> Order Summery</p>
    <div>
    <p class="first"><strong>Packages:</strong> </p> 
    </div>
   </div>

＆＃13;

＆＃13;

＆＃13;

Answer 3

使用:last更改您的jquery代码：

alert($('.itemize div p:last').html());
$('.itemize div p:last').css('background-color','red');