Question

我知道如何获取点击控件的内容，但现在情况有点复杂，特别是我有这样的容器：

<div id='wizard-frame-1'>
 <div class="available_services">
      <div class="available_service-row" data-id="1">
            <strong>Taglio capelli</strong>
                <br>Durata: 20 - Prezzo: 50.00 €<br>
       </div><hr>
       <div class="available_service-row" data-id="2">
             <strong>Colore capelli</strong>
                 <br>Durata: 50 - Prezzo: 30.00 €<br>
       </div><hr>
       <div class="available_service-row" data-id="3">
             <strong>Trattamenti viso</strong>
                 <br>Durata: 30 - Prezzo: 15.00 €<br>
        </div><hr>
  </div>
</div>

这是JScrollPane的结果
现在我要做的是将选定的行available_service-row传递给另一个JScrollPane：

<div id='wizard-frame-1'>
     <div class="services_added"></div>
</div>

我试过的是：

$(document).on('click', '#wizard-frame-1 .available_service-row', function()
{
      console.log($(this).html());
});

但返回的结果是：

<strong>Colore capelli</strong><br>Durata: 50 - Prezzo: 30.00 €<br>

如何看到只有被点击的div行的内容，我还需要得到父容器，所以div，在这种情况下，我等待这个结果：

<div class="available_service-row" data-id="1">
       <strong>Taglio capelli</strong>
       <br>Durata: 20 - Prezzo: 50.00 €<br>
</div>

我不知道这是否是一种正确的方法。例如，当我使用select时，我可以复制像.clone()方法这样的选项，但现在情况有所不同。建议？

Answer 1

获取元素outerHTML：

this.outerHTML

在jq中（使用jQuery时代码一致性）：

$(this).prop('outerHTML');

如何获取点击控件的所有html内容？

1 个答案: