jquery - 子条件を使用して jQuery 選択オブジェクト

Question

サンプルのhtmlコードがあります:

<div class="category">
     <div class="product">
         <!-- some product info -->
         <input type="text" value="0" /> <!-- it is quantity -->
     </div>
<!-- ... other products -->
</div>
<!-- ... other categories -->

そのため、jQuery を使用してすべてのカテゴリを取得する必要があります。ここで、少なくとも 1 つの製品の数量が正です。

次のようになります (C# の場合)

var filteredCategories = categories.Where(c => c.Products.Any(p => p.Quantity !=0));

jQueryを使用してそれを行う方法は?

Answer 1

.filter()jQueryメソッド を使用できます

var filtered = $(".product").filter(function(){return this.find('input').val()>0});

または単に

var filtered = $('.product:has(input[value!=0])');

： hasSelectorのjQueryドキュメント

Answer 2

$('.product', '.category').filter(function() {
    return parseint($(this).children('input[type="text"]').val(),10) !== 0;
}).dosomething();

要素内の他のテキスト入力.productもこのメソッドで選択されるため、数量入力にクラスを追加してそれをターゲットにすることを検討する必要があります。

Answer 3

以下を使用できます

$('.product').​​​​​​​has(':text[value!=0]')

.productsこれにより、値<>0のテキストボックスを持つすべてが得られます

ここを見てください

Answer 4

$('.product input[value!="0"]').closest('.product');

たぶん、このようなものですか？

Answer 5

これを試して ：：

$("div.product input[value!=0]:text").parents(".category")

デモ