javascript - Passing function variable as id

Question

I want to attach "p-rating" to dynamic id to $("<div id='slider'></div>") Expected result would be $("<div id='slider p-rating'></div>") I wanted to get the value strictly from select parameter as I'm planning to that be dyanamic. SELECT holds that value: p-rating but how to pass that value? I wanted space between ids

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()的好时机。因此，将 p-rating 添加到 div 会：

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

Answer 2

您可以在引用它本身的 ID attr 时调用 JQuery attr 函数吗？

var sliderOriginalId = $("#slider").attr('id');

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

编辑：此 ID 对空格无效。

问题是单个元素（HTML 标记）不能有多个 ID。它可以有超过 1 个类。您可能需要考虑添加类而不是 id。（取决于你在做什么）

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