You can use the [:not()][:not] and [:nth-child()][nth-child] pseudo-classes.





    div > div > div > div:not(:nth-child(2)){
      color: red;
    }



    <div>
      <div>
        <div>
          <div>Test</div> 
          <div>Test</div>
          <div>Test</div>
          <div>Test</div>
        </div>
      </div>
    </div>





### [Demo in jsFiddle][fiddle]

> **Note**: For [ie8 support][support], you could use the same selector in jQuery and style your element that way.

> 



    $("div > div > div > div:not(:nth-child(2))")
    	.css("background-color", "yellow")



    <div>
      <div>
        <div>
          <div>Test</div> 
          <div>Test</div>
          <div>Test</div>
          <div>Test</div>
        </div>
      </div>
    </div>

    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>



[:not]: https://developer.mozilla.org/en-US/docs/Web/CSS/:not
[nth-child]: https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child
[fiddle]: http://jsfiddle.net/KyleMit/QwU7x/
[support]: http://caniuse.com/#feat=css-sel3

Lets say I have the following..

    <div>
        <div>
            <div>
                <div></div>  <<<Select this one..
                <div></div>  <<<Not this one..
                <div></div>  <<<Select this one..
                <div></div>  <<<Select this one..
            </div>
        </div>
    </div>

How would I select those 3 `divs` without adding any classes or ids? Is this even possible?

How would I select this with CSS?

I'm assuming it's the case that you're only using `tempPtr` to access the looped element in each loop.  If that's the case, you can use [**`.filter`**](http://api.jquery.com/filter/) on `$(this)` instead.

Try this:



    $( ".inputQuantityUpdate" ).each(function( index ) {
        completed = $(this).filter(":input[type='text']:first").val();
        nc = $(this).filter(":input[type='text']:first").next().val();
        if (nc == "NC") nc = 0;
        $(this).parent().remove();
    });

I've always used a `tempClass` to iterate through something and select first child text input. I am having weird issues with this now. I've looked off and on to with no success to find the proper way to do this.

**Code Snippet**

    $( ".inputQuantityUpdate" ).each(function( index ) {
        $(this).addClass("tempPtr");
        completed   = $(".tempPtr :input[type='text']:first").val();
        nc          = $(".tempPtr :input[type='text']:first").next().val();
        if(nc == "NC")nc = 0;
        $(this).removeClass("tempPtr");
        $(this).parent().remove();
    });
            
My problem is nc and completed is correct for the first iteration, but not after.
For some reason this isn't working. What would be the best way to tackle this?

Update:
The marked solution worked. I should have posted the other fields I am grabbing because they aren't working. This set of routines works when only 1 element "inputQuantityUpdate" is in the iteration. It blows up when there are multiple. I have a feeling this is some sort of memory issue/syntax misuse on my part. What is the best way to do this if there is data stored in the element like:

    function updatesConfirmed(){
            $("#confirmInputValues").remove();
            $( ".inputQuantityUpdate" ).each(function( index ) {
                job         = $(this).data("job");
                suf         = $(this).data("suff");
                op          = $(this).data("op");
                completed   = $(":input[type='text']:first", this).val();
                nc          = $(":input[type='text']:first", this).next().val();
                if(nc == "NC")nc = 0;
                $(this).parent().remove();
            });
        }