无法使用jQuery获取<span>的内容</span>

Question

我现在尝试了多种方法，我无法做到这一点 我有多个列表项，其中一些我有<span class="required">*</span>

我需要检查input.brand name是否有价值。如果没有，我将用一条消息更改跨度的内容。

为了测试，我有以下代码：

    jQuery('#brand_btn_saveForm').live('click', function() {
      alert(jQuery('#brand_name').parent().find('.required').text());
    });

这应输出*，但我只是空白。

部分和HTML代码是这样的：

    <li>
    <label class="description" for="brand_name">Name<span class="required">*</span></label>
    <div>
        <input id="brand_name" name="brand_name" class="text textfield50pc" type="text" maxlength="40" value="<?php echo $name; ?>"/> 
    </div> 
    </li>

有什么建议吗？

Answer 1

在parent()上拨打<input>会在您需要<div>的同时返回<li>，以便能够找到<span class="required">。您需要closest('li')代替。

alert(jQuery('#brand_name').closest('li').find('.required').text());

关于功能要求，我建议您查看jQuery Validation plugin。