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

Question

我已经尝试了多种方法，但我无法正确理解它。
我有多个列表项，并在他们几个我有<span class="required">*</span>

我需要检查input.brand name具有价值。如果不是，我将用消息更改范围的内容。

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

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

这应该输出*，但我只得到一片空白。

部分OG的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

呼吁<input>返回<div>parent()，而你想要的<li>为了能够找到<span class="required">。您需要改为closest('li')。

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

至于功能要求，我建议看看jQuery Validation plugin。