2011-07-18 25 views
6

का उपयोग कर उत्पादों की राशि की गणना मैं इस तालिका है:एक टीडी विशेषता

<table> 
    <thead> 
     <tr> 
      <th>Quantity</th> 
      <th>&nbsp;</th> 
      <th>Price</th> 
      <th>Sum</th> 
     </tr></thead> 
    <tbody> 
     <tr class="sum"> 
      <td><input class="qty" type="text" value="1" /></td> 
      <td>German format: </td> 
      <td data_price="1375.5">1.375,50 &euro;</td> 
      <td></td> 
     </tr> 
     <tr class="sum"> 
      <td><input class="qty" type="text" value="1" /></td> 
      <td>English format:</td> 
      <td data_price="1375.5">&euro;1,375.50</td> 
      <td></td> 
     </tr> 
     <tr class="sum"> 
      <td><input name="text" type="text" class="qty" value="1" /></td> 
      <td>French format:</td> 
      <td data_price="1375.5">1 375,50 &euro;</td> 
      <td></td> 
     </tr> 
     <tr class="sum"> 
      <td><input name="text2" type="text" class="qty" value="1" /></td> 
      <td>Italian format:</td> 
      <td data_price="1375.5">&euro;1,375.50</td> 
      <td></td> 
     </tr> 
     <tr class="sum"> 
      <td><input class="qty" type="text" value="1" /></td> 
      <td>Spanish format:</td> 
      <td data_price="1375.5">&euro; 1.375,50</td> 
      <td></td> 
     </tr> 
     <tr> 
      <td colspan="3">Total</td> 
      <td id="total"></td> 
     </tr> 
    </tbody> 
</table> 

और मैं इस कड़ी में की तरह योग की गणना करने के लिए विशेषता "data_price" के मूल्य का उपयोग करना चाहते हैं: http://jsfiddle.net/QmTNZ/77/

मैं केवल गणना में "data_price" विशेषता का उपयोग करना चाहता हूं और नहीं।

कृपया मदद, मैं अभी भी jQuery :)

+3

क्या उन 'डेटा' विशेषताओं में डैश नहीं होना चाहिए, अंडरस्कोर नहीं? –

+0

कृपया टैग लिखना बंद करें और धन्यवाद। धन्यवाद! :) –

उत्तर

6

अपनी कीमत कोशिकाओं के लिए, आप इस स्वरूप का उपयोग करना चाहिए: हाइफ़न से

<td data-price="1375.5">&euro;1,375.50</td> 

यानी , अंडरस्कोर

आप तब उपयोग कर सकते हैं:

$('td').data('price') 

अपने मूल्य तक पहुँचने के लिए - देखने http://api.jquery.com/data

उदा

var sum = 0; 
$('.sum').each(function() { 
    var q = parseFloat($(this).find('.qty').val()); 
    var p = parseFloat($(this).find('td').eq(2).data('price')); 
    sum += q * p; 
}); 
$('#total').text(sum); 

http://jsfiddle.net/alnitak/gzYhN/

+0

लिखा नहीं है, यह "डेटा-प्राइस" है और नहीं "data_price" – ChristopheCVB

+0

@बेन लिंक काम नहीं करता है (404 नहीं मिला) – Bizboss

+0

मैंने लिंक – ChristopheCVB

0

शुरुआत कर रहा हूँ की कोशिश करो

var sum=0; 
$('tbody > tr > td[data_price]').each(
    function() 
    { 
     sum += parseFloat(this.attr('data_price')); 
    } 
); 
+0

डेटा एचटीएमएल 5 विशेषताओं "डेटा-" prefixed हैं और "_" के साथ नहीं ... – ChristopheCVB

+0

@ क्रिस्टोफेसीवीबी - प्रश्न –

+0

में HTML5 के बारे में कोई जानकारी नहीं है http://www.google.fr/search?q=html+ डेटा + विशेषता और यानी = utf-8 और oe = utf-8 और aq = t & rls = org.mozilla: fr: आधिकारिक और क्लाइंट = फ़ायरफ़ॉक्स- – ChristopheCVB

0

पर डेमो कार्य इस प्रयास करें: http://jsfiddle.net/ptfKJ/

यह उदाहरण अपने मूल HTML कोड का उपयोग कर रहा है।

+0

यह काम नहीं करता है! – Bizboss

+0

जब आप changi हैं एनजी qty? बस ईवेंट हैंडलर जोड़ें और कुछ चेक करें: http://jsfiddle.net/ptfKJ/2/ –

संबंधित मुद्दे