/ / एक पंक्ति पंक्ति को सरणी में परिवर्तित करना [पंक्ति आईडी द्वारा] - jquery

तालिका पंक्ति को सरणी में परिवर्तित करना [पंक्ति आईडी द्वारा] - jquery

नीचे मेरी एचटीएमएल टेबल पंक्ति है

मैं इसे एक सरणी में लाने की कोशिश कर रहा हूं जहां टीडी सेट है contenteditable="true"

<tr id="row1" role="row" class="odd">
<td id="edit1" class="sorting_1">
<a id="editbtn_1" disabled=""><i class="fa fa-pencil-square-o fa-lg" aria-hidden="true" style="color:green"></i></a>
</td>
<td>1</td>
<td contenteditable="true">15310</td>
<td contenteditable="true">Abhishek Upadhyay</td>
<td id="dp1" contenteditable="true">01-09-2017</td>
<td id="dp1" contenteditable="true">30-10-2017</td>
<td contenteditable="true">Haryana</td>
<td contenteditable="true">Mairwa</td>
<td>31-10-2017</td>
</tr>

नीचे दिए गए कार्यों के लिए मुझे स्टैक ओवरफ़्लो पोस्ट से कोड नीचे मिला

var id = this.id;
var recordId = id.replace("editbtn_", "").trim();
var row = $(this).parents().parents().attr("id");
row = "#tbl_Schedule_Update " + row;
var contents = $(row).find("td[contenteditable=true]");
var contentArray = [];
for (i = 0; i < contents.length; i++) {
contentArray[i] = contents[i].innerHTML;
}

पंक्ति आईडी प्राप्त करने तक सब ठीक है, पंक्ति चर में मुझे पंक्ति 1 मिल रहा है।

लेकिन नीचे की रेखा में मैं एक सरणी की उम्मीद कर रहा हूँ,

var contents = $(row).find("td[contenteditable=true]");

लेकिन यह अपरिभाषित के रूप में आ रहा है और कंसोल लॉग में कोई त्रुटि नहीं है।

मैं इसे सरणी में कैसे प्राप्त कर सकता हूं?

उत्तर:

जवाब के लिए 2 № 1

निम्न का उपयोग करें:

$("#editbtn_1").click(function() {

var id = this.id;
var recordId = id.replace("editbtn_", "").trim();
var contents = $(this).closest("tr").find("td[contenteditable=true]");//get all contenteditable from that row
var contentArray = [];

$.each(contents,function(i,v){  //loop each one
contentArray.push($(v).text());//push the values to the array
});
console.log(contentArray)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tbody>
<tr id="row1" role="row" class="odd">
<td id="edit1" class="sorting_1">
<a id="editbtn_1" disabled=""><i class="fa fa-pencil-square-o fa-lg" aria-hidden="true" style="color:green"></i>edit</a>
</td>
<td>1</td>
<td contenteditable="true">15310</td>
<td contenteditable="true">Abhishek Upadhyay</td>
<td id="dp1" contenteditable="true">01-09-2017</td>
<td id="dp1" contenteditable="true">30-10-2017</td>
<td contenteditable="true">Haryana</td>
<td contenteditable="true">Mairwa</td>
<td>31-10-2017</td>
</tr>
</tbody></table>