通过jQuery获取价值

Question

我想用jquery从我的部分中获得一个值，但我不知道该怎么做...我看了一些例子，尝试了类似的方法，但是没有用...

  <script>
      var variable = $("#section").val("showpage"); 
      alert(variable);
  </script>

对于本节：

<section id="section" showpage="works"></section>

我也尝试过：

var variable = $(this).attr("showpage");

但也没有用

有人可以帮我吗？ 谢谢。

Answer 1

您可以通过多种方法从Html元素中获取价值，而这里的几种方法也可以。

从DOM获取值很少记住。 这应该在页面加载函数$(document).ready(function(){})或某种事件（如click ， change等）之后为$('selector').click(function(){})

 $(document).ready(function(){ // Get value from method 1 using text(); var val_1 = $('#get-value-method-1').text(); console.log(val_1); // Get value from method 2 using html(); var val_2 = $('#get-value-method-2').html(); console.log(val_2); // Get value from method 3 using attr() / data(); var val_3_1 = $('#get-value-method-3').attr('data-id'); console.log(val_3_1 ); var val_3_2 = $('#get-value-method-3').data('id'); console.log(val_3_2); // Get value from method 4 using val(); var val_4 = $('#get-value-method-4').val(); console.log(val_4); }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="get-value-method-1">1000</div> <div id="get-value-method-2"><span> 2000</span></div> <div id="get-value-method-3" data-id="3000"></div> <input type="text" id="get-value-method-4" value="4000" /> 

Answer 2

您需要在dom加载后执行此操作，这意味着可以在$(document).ready()

另外，我建议您使用text()而不是val()

  <script>
      $(document).ready(function(){
         $("#section").text("showpage"); 
      });
  </script>

Answer 3

只需使用： http : //api.jquery.com/attr/ 。 如果我们在您的代码上使用它，应如下所示：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Test</title>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
    </script>
</head>

<body>

    <section id="section" showpage="works"></section>

    <script>

        // $(document).ready() should be the main starting point. 

        $(document).ready(function()
        {
            var variable = $("#section").attr("showpage"); 
            alert(variable);
        });
    </script>

</body>