Лучший способ проверить значение span

Question

Все, я новичок в jquery, я нашел иногда мне нужно написать код для проверки значения элемента. как показано ниже.

var selectedLayOutIdx=$("#spanSelectedLayout").html(); 
if (selectedLayOutIdx!=undefined && selectedLayOutIdx!="") { 
    alert("The value is null, please check it."); 
    return; 
} else { 
    //keep going. 
} 

Я нашел этот код выглядит многословным, я считаю, что должен быть лучший способ, чтобы сделать код работы больше удовольствия в JQuery. Пока что я этого не нашел.

Пожалуйста, помогите мне. Благодарю.

Answer 1

Во-первых, вам нужно точно определить, что это за требования. В вашем коде вы тестируете undefined jQuerys реализация html никогда не возвращает undefined, поэтому нет никаких оснований для тестирования на это. Однако там может или не может быть причиной для проверки на нуль

<div id="spanSelectedLayout">content</div> 

var txt = $("#spanSelectedLayout").html() //txt will be "content" 

<div id="spanSelectedLayout"> </div> 

var txt = $("#spanSelectedLayout").html() //txt will be return " " 

<div id="spanSelectedLayout"> </div> 

var txt = $.trim($("#spanSelectedLayout").html()) //txt will be return "" 

<div id="spanSelectedLayout"> </div> 

var txt = $("#spnSelectedLayout").html() //txt will be null 

Последнее, скорее всего, происходит из-за пропустить орфографии селектор, т.е. ошибка, так что вы, вероятно, следует рассматривать, что иначе, чем «» или все пробельная строка. но "", и все пробелы HTML семантически одинаковы, поэтому вы должны, вероятно, относиться к таким значениям, которые могут привести к

var selectedLayOutIdx = $. trim ($ ("# spanSelectedLayout"). html()); если (selectedLayOutIdx == «») {// пусто }

Однако $.trim(null) возвращает "", а не нулевой, так что будет еще скрыть ошибку, и вы для этого придется выбирать между более выразительным кода или что-то вроде это

var selectedLayOutIdx=$("#spanSelectedLayout").html(); 
if(selectedLayOutIdx == null) { throw "Invalid selector" } 

if( && $.trim(selectedLayOutIdx) == "") { 
    //is empty 
} 

Answer 2

можно использовать jQuery.trim():

var selectedLayOutIdx=$.trim($("#spanSelectedLayout").html()); 
if(selectedLayOutIdx == "") { 
    //its empty 
} 

ИЛИ

if(!$.trim($("#spanSelectedLayout").html())) { 
    //its empty 
} 

Answer 3

Вы можете использовать следующий код для проверки значения диапазона.

var selectedLayOutIdx=$("#spanSelectedLayout").text(); 
if(selectedLayOutIdx == ""){ 
    alert("Value is null") 
}else{ 
    // Your code 
} 

ОБНОВЛЕНО (сокращенный вариант):

if($("#spanSelectedLayout").text()){ 
    // code if text present 
} 

Answer 4

var result=$("#spanSelectedLayout").html().replace(/^\s+|\s+$/g, '') 
if(result== ""){ 

. 
. 
. 

который действителен для всех браузеров.

.trim() не работает в некоторых версиях IE.