使用jQuery从id标记获取值

使用jQuery从id标记获取值,jquery,Jquery,我有下面的代码 <!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

我有下面的代码

<!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>

$(文档).ready(函数(){
$(“p”)。单击(函数(){
var parts=$('gitrepo').attr('value');
警报(部件);
返回false;
});
});

http://github.com/username/repo

我需要将值提取到脚本中的parts变量,并用“/”分割它。当我将字符串传递给部分时,我可以使用.split(“/”)通过“/”进行拆分,如
var parts=”http://www.github.com“,
但当我尝试使用id标记从html中获取它时,警报显示'parts'的值为'undefined'。如何提取id为“gitrepo”的

之间的值?

我尝试了
$('gitrepo').val()
也是,但不起作用

您需要使用或而不是
.attr('value')
p
标记没有值属性,值属性通常对输入元素和html标记(如
p
)有效,您可以使用.text()/.html()提取其内容

 $("p").click(function(){
    var parts = $('#gitrepo').text(); 
    alert(parts);
    return false;
  });
您需要使用或而不是
.attr('value')
p
标记没有值属性,值属性通常对输入元素和html标记(如
p
)有效,您可以使用.text()/.html()提取其内容

 $("p").click(function(){
    var parts = $('#gitrepo').text(); 
    alert(parts);
    return false;
  });
.attr('value')
获取
属性的值。该元素没有
属性。您正在查找其文本:

$('#gitrepo').text()
.attr('value')
获取
属性的值。该元素没有
属性。您正在查找其文本:

$('#gitrepo').text()

将此用于脚本。注:

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>
var parts=$('gitrepo').attr('value');
$(文档).ready(函数(){
$(“p”)。单击(函数(){
var parts=$('#gitrepo').html();
警报(部件);
返回false;
});
});

将其用于脚本。注:

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>
var parts=$('gitrepo').attr('value');
$(文档).ready(函数(){
$(“p”)。单击(函数(){
var parts=$('#gitrepo').html();
警报(部件);
返回false;
});
});
谢谢,我试过$('gitrepo').val();也是,但这也不起作用。我在文档中读到.val();返回数组。这就是它显示未定义的原因吗?@learningnothing:
.val()
返回字符串。它用于输入元素,而不是段落;也是,但这也不起作用。我在文档中读到.val();返回数组。这就是它显示未定义的原因吗?@learningnothing:
.val()
返回字符串。它用于输入元素,而不是段落。