如何在变量中获取元素属性?

时间:2017-06-21 07:35:36

标签: jquery attributes

例如,我有

@foreach(var cat in Model)
{
    if (cat != null)//use cat in place of Model in your view
    {
      foreach (var item in cat.CurrentCategories)
      {
      }
    }
}

我想检索id

我正在尝试这段代码:

var element = "<input type=\"number\" id=\"anElement\">"

它不起作用。为什么?

我是在做这件事还是我只需稍微修改一下代码

4 个答案:

答案 0 :(得分:2)

在执行var element =“”之后,你需要使用$(“#divid”)将元素附加到DOM中。append(element)(divid是我们需要输入元素的id)。之后你可以使用

var newvalueFonts = $(“input [type = number]”)。attr('id');

答案 1 :(得分:1)

您可以将该字符串放在jQuery对象中,然后在其上调用prop()以获取id

var element = '<input type="number" id="anElement">';
var newvalueFonts = $(element).prop('id');

console.log(newvalueFonts);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

供您参考时原始代码(var newvalueFonts = element.attr('id').val();)不起作用,因为element是一个字符串,因此没有attr()方法。即使它是,attr()本身也返回一个也没有val()方法的字符串。

答案 2 :(得分:1)

您可以使用字符串创建jQuery对象,然后在其上使用各种方法。

var newvalueFonts = $(element).attr('id');

&#13;
&#13;
var element = "<input type=\"number\" id=\"anElement\">";
var newvalueFonts = $(element).attr('id');
console.log(newvalueFonts)
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

答案 3 :(得分:1)

&#13;
&#13;
var element = "<input type=\"number\" id=\"anElement\">"


var newvalueFonts = $(element).attr('id')
console.log(newvalueFonts)
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

  1. 换入$()
  2. 无需.val()获取.attr()