Получить значение с помощью jquery
Я хочу получить одно значение из моего раздела с помощью jquery, и я не знаю, как это сделать ... Я посмотрел несколько примеров и попробовал что-то подобное, но не сработало ...
<script>
var variable = $("#section").val("showpage");
alert(variable);
</script>
Для этого раздела:
<section id = "section" showpage = "works"></section>
Я также пробовал:
var variable = $(this).attr("showpage");
но тоже не сработало.
Кто-нибудь может мне помочь ?! Спасибо.
Ответы 3
Вам нужно сделать это после загрузки dom, то есть внутри $(document).ready().
Кроме того, я бы посоветовал вам использовать text() вместо val().
<script>
$(document).ready(function(){
$("#section").text("showpage");
});
</script>
Есть много способов получить ценность от элемента 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.info(val_1);
// Get value from method 2 using html();
var val_2 = $('#get-value-method-2').html();
console.info(val_2);
// Get value from method 3 using attr() / data();
var val_3_1 = $('#get-value-method-3').attr('data-id');
console.info(val_3_1 );
var val_3_2 = $('#get-value-method-3').data('id');
console.info(val_3_2);
// Get value from method 4 using val();
var val_4 = $('#get-value-method-4').val();
console.info(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" />Приятно знать, что этот ответ как-то вам поможет. Счастливого кодирования, приятель .. !!
Просто используйте это: 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>
Спасибо! это многое прояснило ... и это помогло мне отследить и другие ошибки по консольному журналу!