यह देखने के लिए जावास्क्रिप्ट का उपयोग करना कि कोई HTML तालिका कक्ष खाली है या नहीं?

Question

क्या यह कुछ सरल जेएस कोड है जो मुझे यह जांचने की अनुमति देता है कि कोई सेल खाली है या नहीं।

मैं "onmouseover = func()" का उपयोग करके बुलाए जाने वाले फ़ंक्शन को कोड करने का प्रयास कर रहा हूं; मैं बस जेएस कोड सही नहीं लग रहा है। कोई विचार?

आदर्श रूप से काम करने की कोशिश करने वाला मैं एक कोड है जो यह निर्धारित कर सकता है कि कोई सेल खाली है या नहीं, और यदि ऐसा है, तो "सेल खाली" जैसे एक साधारण मान रखें।

मुझे पता है कि यह शायद आसान लगता है लेकिन मैं थोड़ी मदद का उपयोग कर सकता हूं। किसी भी विचार के लिए धन्यवाद।

Answer 1

यदि आप jQuery का उपयोग कर रहे हैं, तो तत्व पर html() विधि का उपयोग करें।

<td id="my_cell"></td> 

इस कोड को यह करना होगा:

if ($('#my_cell').html() == '') { 
    $('#my_cell').html('Cell Empty'); 
} 

Answer 2

यह क्या वहाँ शुरू में में हो जाएगा पर एक छोटे से निर्भर करता है इस मार्कअप को देखते हुए। मेरे अनुभव में, सारणी अजीब तरीके से व्यवहार करती है यदि किसी कक्ष में केवल सफेद जगह होती है, और इसलिए एक सामान्य कामकाज   को वहां गिरने से रोकने के लिए है। ...

function elementIsEmpty(el) { 
    return (/^(\s| )*$/.test(el.innerHTML); 
} 

function replaceCell(td) { 
    if (elementIsEmpty(td)) { 
     td.innerHTML = 'Cell Empty'; 
    } 
} 


<td onmouseover="replaceCell(this)"></td> 

हालांकि एक बेहतर तरीका जावास्क्रिप्ट ईवेंट हैंडलर्स के माध्यम से व्यवहार लागू करने के लिए होगा: वैसे भी, यहाँ आप कैसे की जाँच करेंगे।

Answer 3

jQuery withouth (पुराने अच्छा समय की तरह):

function func(e){ 
    var target = window.event ? window.event.srcElement : e ? e.target : null; 
    if (target.innerHTML === ''){ 
     target.innerHTML = 'Cell Empty!'; 
    } 
}