добавление класса к элементу, выбранному с помощью: содержит

Question

Я пытался сделать это:

var selec = $("li:Contains('"+ $("#main").val() +"')");
selec.eq(1).addClass("virtual");

И мой CSS:

.virtual
{
    backgroung:red;
    color:white;
}

И HTML выглядит примерно так

<input type="text" id="main" />
<div id="bottom-div">
<ol>
    <li>Content1</li>
    <li>Content2</li>
    <li>Content3</li>
    <li>Content4</li>
    <li>Content5</li>
    <li>Content6</li>
    <li>Content7</li>
    <li>Content8</li>
    <li>Content9</li>
    <li>Content10</li>
    <li>Content11</li>
    <li>Content12</li>
    <li>Content13</li>
</ol>
</div>
<div id="apparent-div">Apparent div</div>
ContentContent Conetent<br />
ContentContent Conetent<br />
ContentContent Conetent<br />
ContentContent Conetent<br />
ContentContent Conetent<br />
ContentContent Conetent<br />
ContentContent Conetent<br />
ContentContent Conetent<br />
<div id="key"></div>

JavaScript прекрасно показываетсодержание, которое я хочу, но не добавляет к нему класс, почему?

Где я ошибся?

Answer 1

Кажется, что работает , у вас была ошибка в вашем CSS:

.virtual
{
    backgroung:red; //Was mispelled
    color:white;
}

должно быть:

.virtual
{
    background:red;
    color:white;
}

Следующее явно не является причиной проблемы :):

и у вас было Contains вместо contains в вашем Javascript.

var selec = $("li:Contains('"+ $("#main").val() +"')");

должно быть:

var selec = $("li:contains('"+ $("#main").val() +"')");

Answer 2

1) опечатка в css: backgroung:red; = background:red;

2) «содержит», а не «содержит» var selec = $("li:contains('"+ $("#main").val() +"')");

3) выбранные результаты начинаются с нуля:selec.eq(0).addClass("virtual");

Answer 3

Попробуйте это

var selec = $("li:contains('"+ $("#main").val() +"')");
selec.eq(1).addClass("virtual");

Answer 4

Если я правильно понимаю, это должно работать.У вас было Contains вместо contains.