时间戳

首页 > 解决方案 > 使用 jquery 获取价值

jquery - 使用 jquery 获取价值

问题描述

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

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

对于本节：

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

我也试过：

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

但也没有用。

有人可以帮助我吗？！谢谢。

标签： jqueryvariablesget

解决方案

有很多方法可以从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" />

推荐阅读