Question

我有以下代码

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    var parts = $('#gitrepo').attr('value'); 
    alert(parts);
    return false;
  });
});
</script>

</head>
<body>
<p id="gitrepo">http://github.com/username/repo</p>
</body>
</html>

我需要将值提取到脚本中的parts变量，并将其拆分为“/”。当我将字符串传递给部件（例如var parts="http://www.github.com",）时，我可以使用./'（'/'）将它拆分为'/'但是当我尝试使用id标记从html中获取它时，警报显示'parts'的值'undefined'。如何在具有<p></p>

的id"gitrepo"?之间提取值

我也尝试了$('#gitrepo').val();，但没有效果

Answer 1

.attr('value');获取value属性的值。该元素没有value属性。你正在寻找它的文字：

$('#gitrepo').text()

Answer 2

您需要使用.html或.text代替.attr('value');。 p标记没有值属性，值属性通常对输入元素有效，对于像p这样的html标记，您可以使用.text（）/。html（）来提取其内容。< / p>

 $("p").click(function(){
    var parts = $('#gitrepo').text(); 
    alert(parts);
    return false;
  });

Answer 3

将此用于您的脚本。注意：

var parts = $('#gitrepo').html();

而不是

var parts = $('#gitrepo').attr('value'); 

<script>
$(document).ready(function(){
  $("p").click(function(){
    var parts = $('#gitrepo').html(); 
    alert(parts);
    return false;
  });
});
</script>

使用jQuery从id标记获取值

3 个答案: