Rows of CCs
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 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 validate[reqRadio[1]]" value="1" name="accounts" id="accounts_1"...
JavaScript
var nameOnCard, CCType, cardExpMonth;
$('.deleteCC').click(function () {
var $myRow = $(this).closest('.cardDetails');
nameOnCard = $myRow.children('input').eq(1).val();
CCType = $myRow.children('input').eq(2).val();
cardExpMonth = $myRow.children('input').eq(3).val();
alert(nameOnCard + ' , ' + CCType);
});
$('.modal2').click(function () {
$('#box1').html("name on Card" + nameOnCard + "CCType" + CCType).show();
// $('#box1').html("sdsdsds");
});