JQueryイベントを作成する方法。ターゲット選択が一致しています。

Question

これらのJQuery呼び出しから返された同じオブジェクトを取得しようとしています。彼らはどちらもDOMの選択を同じcartList Jqueryオブジェクトで行っていますが、1つはイベントを通してで、もう1つは通常のセレクタからのものです。

var cartWrapper = $('.cd-cart-container'); 
var cartBody = cartWrapper.find('.body')  
var cartList = cartBody.find('ul').eq(0); 

cartList.on('click', '.delete-item', function(event){ 
    obj1 = $(event.target).parents('.product'); 

} 

obj2 = cartList.find('li.parent#seg_bookings_paid\\[1055\\]\\[504\\].product'); 

consle.log出力は

obj1 = [li#seg_bookings_paid[1055][504].product, prevObject: o.fn.init[1], context: i.glyphicon.glyphicon-remove.text-danger] 

obj2 = [prevObject: o.fn.init[1], context: document, selector: "li.parent#seg_bookings_paid[1055][504]"] 

にはどうすればOBJ1と同じオブジェクトを返すようにOBJ2を得るのですか？セレクタで

HTML

<div class="cart"> 
    <div class="wrapper"> 
     <header> 
     <h2>Cart</h2> 
     <span class="undo">Item removed. <a href="#0">Undo</a></span> 
     </header> 

     <div class="body"> 
     <ul><li id="seg_bookings_paid[1055][504]" class="product"><div class="delete-item"><a href="#0"><i class="glyphicon glyphicon-remove text-danger"></i></a></div><div class="product-details">July 13: Far To Go<span class="price">0.00</span></div></li> 
      <!-- products added to the cart will be inserted here using JavaScript --> 
     </ul> 
     </div> 

     <footer> 
     <a href="#0" class="checkout btn"><em>Checkout - $<span>NaN</span></em></a> 
     </footer> 
    </div> 
    </div> 

Answer 1

[...]属性を一致させるために使用されます。あなたがそれらをエスケープしなければならないIDのこれらのリテラル文字にマッチさせるためにそれを使用したいならば。

obj2 = cartList.find('li.parent#seg_bookings_paid\\[1055\\]\\[504\\].product'); 

あなたのIDには異なる名前付けスキームを使用することをおすすめします。 seg_bookings_paid-1055-504なので、特別な意味を持つ文字は使用しないでください。