如何突出显示可选择的项目而不点击它(按代码)?

时间:2011-04-06 20:34:30

标签: jquery css jquery-ui jquery-ui-selectable

如何选择(突出显示)可选择的项目而不点击它(按代码)?

这样我给它选择/ higlight

的框的索引

我像那样动态创建它们

<div class="demo">  <ol id="selectable">  </ol></div>

var div = document.getElementById("selectable");
for(i=0; i<list.size; i++)
{    
    // It should look like that
    //<li class="ui-widget-content">Item 1</li>    
    var properties = list[i].getProperties();    
    var aTag = document.createElement("li"); 
    //file name or something as ID    
    aTag.setAttribute('class',"ui-widget-content");    
    aTag.setAttribute('id',i);
    aTag.innerHTML = properties.fileName;
    //file name
    div.appendChild(aTag);
}

5 个答案:

答案 0 :(得分:1)

$('youritem').trigger('click');将完成这项工作!简单的解决方案。

答案 1 :(得分:1)

您可以使用eq()选择索引。 0是第一项。

$('item').eq(0).css('background-color','yellow'); //give the first item a yellow background.

检查http://jsfiddle.net/FKvhG/

处的工作示例

答案 2 :(得分:0)

您可以使用focus()$('#element').focus();

答案 3 :(得分:0)

您可以使用

$("#id").val("example value")

选择给定其值的项目。您可以使用

按索引查找值
$("#id").find("option").eq(index).val()

所以把它们放在一起我们有

$("#id").val($("#id").find("option").eq(index).val());

做你想做的事。

答案 4 :(得分:0)

如果您选择列表的ID为'dropdown',并且您想要选择第一个元素,那么这将有效。

eq()函数将选择你想要的任何元素,它基于零。

$('#dropdown').eq(0).attr("selected", true);