显示子类名jQuery droppable

Question

我使用.droppable函数来显示扑克牌名称。我能够显示span元素的id和类/ -not included- /但我也想显示p类。代码的顶部是我正在使用的函数。在span标签之间我希望能够显示“Ace”以及我将在div上显示的其他信息。感谢。

的JavaScript / jQuery的：

$( function() {
$( "span" ).draggable();

$( ".selector" ).droppable({
activate: function( event, ui ) {
        $( this )
        .addClass( "ui-state-highlight" )
        .find( "p" )
        .html( cardSuit + ' ' + cardNum);
        }}

});

HTML：

<p id="cards" class="ui-widget-content">

<span id="card26 " class="clubs ui-draggable ui-draggable-handle">

<p class="Ace">A</p> <!--This here-->

</span>
</p>

<div id="droppable" class="ui-widget-header">
      <p id="dropText">Drop here
</p>
</div>