jQuery动态选择器

Question

我有一些使用循环中的选择器的代码。

这段代码可以正常运行：

document.getElementById("new_grouping_"+i).value

这样做是不正确的：$("#new_grouping_"+i).value

有没有一种使用jQuery的方法来实现这个？

- Devin Ceartas

Answer 1

你应该使用 val() 函数：

var myValue = $("#new_grouping_"+i).val(); // to get the value

$("#new_grouping_"+i).val("something");    // to set the value 

- Christian C. Salvadó

Answer 2

$("#new_grouping_"+i).val() 获取表单的值。
$("#new_grouping_"+i).text() 获取HTML元素的文本内容。
$("#new_grouping_"+i).html() 获取HTML元素的HTML代码。

$("#new_grouping_"+i).val('value') 设置表单的值。
$("#new_grouping_"+i).text('value') 设置HTML元素的文本内容。
$("#new_grouping_"+i).html('value') 设置HTML元素的HTML代码。

$("#new_grouping_"+i).prepend('value') 在元素的开头添加内容。 $("#new_grouping_"+i).append('value') 在元素的结尾添加内容。

$("#new_grouping_"+i).before('value') 在元素之前插入内容。 $("#new_grouping_"+i).after('value') 在元素之后插入内容。

查看更多： jQuery操作

- Tyler Carter

---

当我在value后面添加空括号时，Firefox会报错：“$（“＃new_grouping_desc_”+ i）.value不是函数”。 - Devin Ceartas

更新完成*. 函数名字错了两个字母。 - Tyler Carter

Answer 3

#在选择器中非常重要。这里我将值设置为span。

var i="spanId";
$("#"+ i).html("hello").show();

- Pergin Sheni