Question

无法获取jquery中的按钮值。

<head>
    <script        
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js">  
</script>
</head>

<body>
    <p> This is para </p>
    <button> Hide </button>
    <script>
            function handle(){
                    value = $("button").attr("value");
                    alert(value);
            }

            $(function(){
                    $("button").click(handle);
            });
    </script>

上述代码有什么错误。我需要处理由按钮触发的事件，而不是“this”。我已经看过如何使用“this”来解决它。所以没有“这个”，如何处理事件

Answer 1

如果您想在按钮内输入文字，请使用：

value = $("button").text()代替value = $("button").attr("value")

您的按钮没有value属性，您可以从中获取数据。

因此，您应该使用.text()方法而不是.attr()

<body>

  <p> This is para </p>
  <button> Hide </button>

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

<script>
  function handle(){
    value = $("button").text();
    alert(value);
  }

  $(function(){
    $("button").click(handle);
  });
</script>

</body>

Working example in JSBin

Answer 2

使用jQuery .text()方法和button元素来获取其中包含的文本值。（例如，打开的<button>和关闭</button>标记之间的文字。）

您尝试的内容无效，因为button元素没有要检索的value属性。

获取文字示例：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<p> This is para </p>

<button> Hide </button>

<script>
    function handle() {
        var buttonText = $("button").text();

        // Whatever you need to do with the text.
        alert(buttonText);
    }

    $(function(){
         $("button").click(handle);
    });
</script>

Working code pen

相反，您也可以使用相同的方法设置 button的文本值，方法是将所需的值传递给它。

设置文字示例：

...
    $("button").text("My New Text");
...

文档： jQuery .text() Method

Answer 3

按钮元素没有关联的值属性，因此您必须尝试抓取标记<button></button>

中的文本

您可以使用jquery的text（）方法将文本抓取为

<html>
<head><title>demo</title>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script type='text/javascript'>
      $(document).ready(function(){
      var x= $('#btn').text();
      console.log(x);
});
</script>
</head>
<body>
<button id='btn'>Click Me</button>
</body>
</html>

如何在jquery

3 个答案: