javascript - Loop through html cells and perform a function if conditionals are met -
var tableBody = document.getElementById ("प्रथमटेबलबॉडी"), secondTable = document.getElementById ("secondTable"); फ़ंक्शन insertRow () {var रो = tableBody.insertRow (); के लिए (var सी = 0; सी & lt; 3; c + = 1) {रो.इंसर्ट सील (सी); } Var फल = ["सेब", "संतरे", "स्ट्रॉबेरी"], यादृच्छिक ~ फल = फल [मठ.फ्लूर (मठ.रेंडम () * फलों.लांबी)]; रो.कैल्स [0]। WinnerHTML = random_Fruits; रो.केल्स [1] .innerHTML = 100; वर् Sellbtn = document.createElement ('बटन'); Sellbtn.innerHTML = "बेचें" Sellbtn.onclick = समारोह बेचें () {यदि (secondTable.rows.length & lt; 1) {var रो = secondTable.insertRow (); (Var f = 0; f & lt; 2; f + = 1) के लिए {रो.इनर्टेल (एफ); } रो.केल्स [0] .innerHTML = this.parentNode.parentNode.cells [0] .innerHTML; रो.केल्स [1] .innerHTML = this.parentNode.parentNode.cells [1]। WinnerHTML; } Else {for (var i = 0; i & lt; second.Table.rows.length; i + = 1) {if (secondTable.rows [i]। सील्स [0] .innerHTML === this.parentNode.parentNode.cells [0]। WinnerHTML) {secondTable.rows [i]। सील्स [1] .innerHTML = + this.parentNode.parentNode.cells [1]। WinnerHTML; } Else {var Rowz = secondTable.insertRow (); के लिए (var k = 0; k & lt; 4; k + = 1) {रोज़। इंडिस्टेल (के); } Rowz.cells [0] .innerHTML = this.parentNode.parentNode.cells [0] .innerHTML; रोज़ैल्स [1] .innerHTML = this.parentNode.parentNode.cells [1]। WinnerHTML; }}}} रो केल्स [2] .appendChild (Sellbtn); }; & lt; script src = "https://ajax.googleapis.com/ajax/libs /jquery/2.1.1/jquery.min.js"></script> & LT; बॉडी & gt; & Lt; तालिका सीमा = "1" & gt; & LT; thead & gt; & LT; वें & gt; मद & lt; / वें & gt; & LT; वें & gt; बिक & lt; / वें & gt; & LT; वें & gt; & Lt; बटन onclick = "insertRow ()" & gt; डालें & lt; / बटन & gt; & Lt; / वें & gt; & Lt; / thead & gt; & Lt; tbody id = "प्रथमटेबलबॉडी" & gt; & Lt; / tbody & gt; & Lt; / तालिका & gt; & Lt; तालिका सीमा = "1" & gt; & LT; thead & gt; & LT; वें & gt; मद & lt; / वें & gt; & LT; वें & gt; बिक & lt; / वें & gt; & Lt; / thead & gt; & Lt; tbody id = "secondTable" & gt; & Lt; / tbody & gt; & Lt; / तालिका & gt; & Lt; / body & gt; मैं बेतरतीब ढंग से सम्मिलित फलों के नाम के साथ एक पंक्ति डालें और बेचने वाला एक गतिशील रूप से जोड़ा गया बटन। जब मैं बेचने पर क्लिक करता हूं, तो यह जांच करनी चाहिए कि उस पंक्ति का फल नाम दूसरी तालिका में मौजूद है या नहीं, यदि ऐसा है तो उसे उस पंक्ति में बेची गई राशि को दूसरी तालिका में एक समान नाम जोड़ना चाहिए जो समान नाम है। यदि नहीं तो बस दूसरी तालिका में नाम और बेची गई राशि के साथ एक नई पंक्ति जोड़ें। JQuery ठीक है।
यहाँ एक संभव समाधान है, अपने फ़ंक्शन के लिए प्रतिस्थापन बेचें ()
sellbtn.onclick = function sell () {var found = false, पंक्तियां = सेकंडटैबल.रोज़, numrows = rows.length, tofind = this.parentNode.parentNode.cells [0] .innerHTML, foundin, numToAdd = ParseInt (this.parentNode.parentNode.cells [1] .innerHTML), संख्या, एक्स; (X = 0; x & lt; numrows; x ++) {if (पंक्तियों [x]। Cells [0]। ForinnerHTML === tofind) {found = true; Foundin = x; }} अगर (पाया) {num = parseInt (पंक्तियां [foundin]। सेल्स [1] .innerHTML) + numToAdd; पंक्तियां [foundin]। सील्स [1] .innerHTML = num; } और {var रो = दूसराटेबल.इन्सर्टआरओ (); (Var f = 0; f & lt; 2; f + = 1) के लिए {रो.इनर्टेल (एफ); } रो.केल्स [0] .innerHTML = this.parentNode.parentNode.cells [0] .innerHTML; रो.केल्स [1] .innerHTML = this.parentNode.parentNode.cells [1]। WinnerHTML; }}
Comments
Post a Comment