Rows of CCs

by Joe Saad

HTML

<div class="cardDetails clear">
		<input type="radio" class="left" value="2" name="accounts" id="accounts_2">
            <label class="textlabel" for="accounts_2">
                <span class="fivecolumnbox left">rrr</span>
                <span class="fivecolumnbox left">**********1111</span>
                <span class="fivecolumnbox left">Expires On&nbsp;&nbsp;04/2014</span>
            </label>
			<input type="hidden" value="Ravi" name="nameOnCard_2" id="nameOnCard_2">
			<input type="hidden" value="001" name="creditCardType_2" id="creditCardType_2">
			<input type="hidden" value="04" name="cardExpMonth_2" id="cardExpMonth_2">
			<input type="hidden" value="2014" name="cardExpYear_2" id="cardExpYear_2">
			<input type="hidden" value="" name="securityCode_2" id="securityCode_2">
			<input type="hidden" value="00111" name="billingZipCode_2" id="billingZipCode_2">
			<input type="hidden" value="rrr" name="creditcardname_2" id="creditcardname_2">
			<input type="hidden" value="41-fomcIx-1111" name="tokenCardNumber_2" id="tokenCardNumber_2">
			<input type="hidden" value="04/2014" name="expDate_2" id="expDate_2">
			<input type="hidden" value="**********1111" name="maskedCCNumber_2" id="maskedCCNumber_2">
			<input type="hidden" value="Visa" name="creditCardTypeName_2" id="creditCardTypeName_2">
			<input type="hidden" value="8" name="onlinePayAccountId_2" id="onlinePayAccountId_2">
			<input type="hidden" value="1111" name="last4DigitsCCNum_2" id="last4DigitsCCNum_2">
			<input type="hidden" value="C" name="onlinePayAccountType_2" id="onlinePayAccountType_2">
			<input type="hidden" value="BB,rrr," name="allNickNameStr_2" id="allNickNameStr_2">
			<input type="hidden" value="NOTEXPIRED" name="ccExpStatus_2" id="ccExpStatus_2">
			<a class="deleteCC modal2 left fivecolumnbox" href="#">Delete</a>
			<a class="updateCC modal1 left fivecolumnbox" href="#">Update</a>
</div>
                



<div class="cardDetails clear">
						<input type="radio" class="left...

JavaScript

$('.deleteCC').click(function(){
    var $myRow = $(this).closest('.cardDetails');
    var $myIndex = $myRow.index()+1;
    
    
    var nameOnCard = $myRow.children('input').eq(1).val(), 
        CCType =$myRow.children('input').eq(2).val(), 
        cardExpMonth = $myRow.children('input').eq(3).val();
     
    alert(nameOnCard + ' , ' + CCType);
    
    alert('This is row number: ' + $myIndex);

});