Question

如何让所有列表元素的<span>元素都带有class="required"

<form id="aform">
  <ul>
    <li id="name" >
      <label class="description" for="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 $brand->name; ?>"/> 
      </div> 
    </li>
  </ul>    
</form>

Answer 1

尝试：$('li').has('span.required')

Answer 2

您可以使用：

var listElements = $('li').has('span.required');

JS Fiddle demo

Answer 3

你可以试试这个：

var span_required = $('li span.required');
var li_required = [];
$.each(span_required, function(index, item){
      li_required[index] = $(item).parents('li').get(0);
});

小提琴：http://jsfiddle.net/maniator/rX2jA/

Answer 4

var $required_items = $('li:has(span.required)');

var $required_items = $('li').has('span.required');

后者可能更快：jsperf test。

Answer 5

$('li:has(span.required)')

http://api.jquery.com/has-selector/

Answer 6

您可以使用filter

$("li").filter(function() {
    return $(this).find("span.required").length > 0
})

或has

$("li").has("span.required")

<强> Examples on jsFiddle

Answer 7

你可以这样使用。

$(document).ready(function (){
   alert( $('span.required').parents("li").length);
})();

如何使用jQuery获取<span class =“x”>的所有<li>元素？</span> </li>

7 个答案: