2015-09-09 4 views
0

Посмотрите на следующий JS Bin пожалуйста:jQuery.text() показывает странное поведение, почему?

http://jsbin.com/yabevi/edit?html,js,output

Я новичок в JQuery. Второй метод jQuery .text() не работает в этом бункере, почему это так?

+1

идентификатор в HTML не является правильным. id = "temp = unit-f" –

ответ

0

несколько вопросов:

  • Первый пролет закрывающий тег неверности
  • Второй пролет Идентификатор не соответствует селектору

http://jsbin.com/gojoyuneyu/1/edit?html,js,output

<!DOCTYPE html> 
<html> 
<head> 
<meta name="description" content="jquery-test"> 
    <meta charset="utf-8"> 
    <title>JS Bin</title> 
</head> 
<body> 
    <div> 
     <h1 id="temp"> 
      <span id="temp-val"></span> 
      <span id="temp-unit-c"></span> 
      <span id="temp-unit-f"></span> 
     </h1> 
    </div> 
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script> 
</body> 
</html> 
+0

ID может иметь css meta characters .... –

+0

У вас есть острый глаз человек! – segmentationfaulter

2

У вас есть неправильная разметка. Вы не закрыли первый элемент диапазона. из-за которых 2-й и 3-й элементы span интерпретируются как дочерние элементы первого элемента браузером. и установка .html() для первого пролета полностью удаляет их. Таким образом, вам необходимо правильно закрыть первый элемент диапазона, чтобы решить проблему:

<h1 id="temp"> 
     <span id="temp-val"></span> 
     <span id="temp-unit-c"></span> 
     <span id="temp=unit-f"></span> 
    </h1> 

Working Demo

+2

Eagle глаз ....! –

Смежные вопросы