Question

我想获取div的内容，如header＆amp;无线电选择单选按钮的其他细节。我喜欢

$('input[name=subscription_plan_radio]:checked').parent().next('plan-info').html()

通过这样做，我可以获取plan-info div的内容，但我想在其中获取下一个h3。

所以，我正在尝试$('input[name=subscription_plan_radio]:checked').parent().next('plan-info h3').text()

但它给出了一个空白字符串。

下面是html代码。

    <div class="plan-info">
      <h3>
        Pay Per Lead
       </h3>
       <div class="plan-details">
         <h4 class="price">
             $99
            <span>month</span>
         </h4>
         <ul class="features">
           <li>Buy Unsigned Leads</li>
           <li>Price per Category from $100 to 500</li>
           <li>Email Notification when a New Leads is available</li>
        </ul>
   </div>
</div>

Answer 1

您可以像这样使用

$('input[name=subscription_plan_radio]:checked').parent().next('.plan-info').find('h3').text()

Answer 2

目前尚不清楚你的checkbox在哪里。但试试吧。

$('input[name=subscription_plan_radio]').on('change', function(){
    if($(this).checked){
        $('..plan-info').find('h3').text(); // Select only text Pay Per Lead
        $('..plan-info').find('h3').html(); // Select html <h3>Pay Per Lead</h3>
    }
})

Answer 3

<ion-item>
  <ion-label>Name of the toggle</ion-label>
  <ion-toggle checked="true"></ion-toggle>
</ion-item>

假设您的单选按钮位于plan-info div之前的div中，

应该可以正常工作。

获取下一个div的标题

3 个答案: