传递函数变量作为id

Question

我想将"p-rating"附加到$("<div id='slider'></div>")的动态id预期结果为$("<div id='slider p-rating'></div>") 我想严格地从选择参数中获得值，因为我计划将其动态。SELECT保留值:p-rating，但如何传递该值?我想让id之间有空格

function initiateSlider (select) {
        var slider = $("<div id='slider'></div>").insertAfter( select ).slider({
        ...
        })
    }
$(function() {
        var select = $("#p-rating"); //plan-preference slider
        initiateSlider(select);    
      });

Answer 1

这听起来像是使用jQuery的.data()的好时机。因此，在div中添加p-评级将会是:

$('#slider').data('p-rating', select.val());

Answer 2

你可以调用JQuery的attr函数，而引用它的ID attr本身?

var sliderOriginalId = $("#slider").attr('id');
var sliderNewId = $("#slider").attr('id', sliderOriginalId + " *p-rating*");

编辑:此ID与空格一起无效。

一个元素(HTML标签)不能有多个ID。它可以有多于一个类。您可能需要考虑添加类而不是id。(取决于你在做什么)

var slider = $("#slider").addClass("p-rating").addClass('slider');