получить значение с помощью jquery - PullRequest
Новая
       13

получить значение с помощью jquery

0 голосов
/ 06 октября 2018

Я хочу получить одно значение из моего раздела с помощью jquery, и я не знаю, как это сделать ... Я смотрю некоторые примеры и пробовал что-то подобное, но не сработало ... 

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

Для этого раздела: 

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

Я пробовал также: 

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

, но ничего не получилось.

Кто-нибудь, пожалуйста, может мне помочь ?!Спасибо.

Ответы [ 3 ]

0 голосов
/ 06 октября 2018

Есть много способов получить значение из элемента 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" />
0 голосов
/ 06 октября 2018

Просто используйте это: 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>

0 голосов
/ 06 октября 2018

Вы должны сделать это после загрузки dom, что означает сделать в пределах $(document).ready()

Кроме того, я бы посоветовал вам использовать text() вместо val()

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