使用元素ID作为函数参数作为选择器的jQuery

我有这个功能

function doSomething(elementID) {

    $("div").append("<p id='"+ elementID +"'> A paragraph</p>");

    /* this part is incorrect since it will 
       use the selector whose id is "elementID" and not the parameter passed. */

    $("p#elementID").css("color", "red");
}

---

有两种方法可以做到这一点。第一种方法是使用字符串连接-与创建元素时的操作完全相同：

function doSomething(elementID) {
  $('div').append('<p id="' + elementID + '"> A paragraph</p>');
  $('p#' + elementID).css('color', 'red');
}

---

还要注意，最好使用CSS类来设置元素的

颜色。尽可能避免使用
css（）
，因为它将UI和JS代码紧密地联系在一起。
有两种方法可以做到这一点。第一种方法是使用字符串连接-与创建元素时的操作完全相同：

function doSomething(elementID) {
  $('div').append('<p id="' + elementID + '"> A paragraph</p>');
  $('p#' + elementID).css('color', 'red');
}

还要注意，最好使用CSS类来设置元素的
颜色。尽可能避免使用
css（）
，因为它将UI和JS代码紧密地联系在一起。
请检查下面的示例。
你只需要改变一下：

$("p#elementID").css("color", "red");

进入



$（文档）.ready（函数（）{
var elementID=“myid”；
$（“div”）。追加（“
A段落“
”；
/*这部分不正确，因为它将
使用id为“elementID”的选择器，而不是传递的参数*/
$（“p#“+elementID）.css（“颜色”、“红色”）；
});
请检查下面的示例。
你只需要改变一下：

$("p#elementID").css("color", "red");

进入



$（文档）.ready（函数（）{
var elementID=“myid”；
$（“div”）。追加（“
A段落“
”；
/*这部分不正确，因为它将
使用id为“elementID”的选择器，而不是传递的参数*/
$（“p#“+elementID）.css（“颜色”、“红色”）；
});

$("p#"+ elementID).css("color", "red");