如何获取jquery变量值

时间:2013-07-30 21:40:15

标签: jquery

我有一个jquery变量

$('#myValue')

在firebug中如果我在运行时将鼠标悬停在变量上,我可以看到变量值“help”。如何从jquery变量中获取值“help”并将其分配给javascript变量;

我试过了:

 var text = $('#myValue')

这个jut创建一个空对象

我也试过

  var text = $('#myValue').text()

返回一个空字符串“”。

我试过了

var text = $('#myValue').val()

返回undefined。

4 个答案:

答案 0 :(得分:5)

我认为这个问题已经持续了很长时间。为了这个问题的好处,我将澄清一些事情:$('#myValue')是一个jQuery选择器,指向一个ID为“myValue”的元素,就像它在css中使用一样:

#myValue { display:block;width:100px;height:100px; }

此行将指示页面ID为“myValue”的元素需要显示为100x100块。

然后,

var text = $('#myValue');

将保存ID为“myValue”的元素(如果它存在)。 (它不会获得任何可变调用myValue的值)

为了确保元素存在,您可以像这样测试它:

if ($('#myValue').length > 0) {
    // the element exists
}

jQuery选择器没有任何魔法,你可以自己看看this reference。要获取元素的文本/值,您可以根据元素的内容以及要在其中访问的内容来选择多个选项。

  • div,span等标记内的文字:$('#elementID').text();
  • 选项,输入,按钮等的值:$('#elementID').val();
  • 代码中的所有html内容:$('#elementID').html();

但是,如果你真的想得到一个变量的值,我会问你:为什么你需要把它的值放到另一个变量中?

我希望这会让事情变得清晰。

答案 1 :(得分:0)

你可以这样做:

1。)var text = $('#myValue').val();

OR

2。)你从这样的变量得到:

var text = $('#myValue');

text.val();

答案 2 :(得分:0)

试试这个:

var jqval = $('#myValue').val();

答案 3 :(得分:0)

jQuery可以轻松选择HTML元素并从JavaScript代码中操作它们。 jQuery函数$可以将选择器字符串作为参数来按ID选择元素。

例如,选择HTML div元素

<div id="myValue">Some Text</div>

可以调用$("#myValue"),它返回一个jQuery对象。此jQuery对象包含一系列匹配元素。由于我们通过其ID特别标识了该元素,因此该集合应仅包含此单个元素。

在实践中,这可以以多种方式使用。要获取文本内容,可以在jQuery对象上调用.text()。要设置属性,您可以调用.attr(name, value),依此类推。完整方法列表位于the jQuery documentation

对于一个简单的测试示例,请尝试以下方法:

<!DOCTYPE html>
<html>
<head>
<script for jquery source>
<script> YOUR_CODE_HERE </script>
</head>
<body>
<div id="myValue">Some Text</div>
</body>
</html>

并在脚本标签中,JS:

$(document).ready(function() {
    // get text
    var text = $("#myValue").text();
    alert(text);

    // make it blue
    $("#myValue").css("background-color", "LightBlue");
});

http://jsfiddle.net/CBZq7/