如何从<a> tag</a>中检索值

时间:2012-12-26 07:23:00

标签: jquery html

如何从<a>代码中检索值。

 <a href="" class="test" id="content">Hai</a>

从上面的代码我需要从 id 中提取值(测试或内容),并希望使用将提取的值存储在db中PHP

5 个答案:

答案 0 :(得分:4)

$('#content').attr('href'); // gives you the link
$('#content').attr('class'); //gives you the class name

像这样你可以访问任何属性。

答案 1 :(得分:2)

仍然困惑你需要提取的价值......这里有一些例子

 $('#content').attr('class'); //extract class by id
 $('#content').attr('href');  //extract href by id
 $('#content').html();  //extract value in <a> tag

如果您想将值存储在db ..

中,请使用ajaxpost

http://api.jquery.com/jQuery.post/

<强> JQUERY

 $.post("test.php", { data: $('#content').attr('class')}, //assuming you want class value to be posted.
   function(data) {
      alert("succesfully inserterd");
 });

PHP test.php

 $value= $_POST['data'];
 //do your stuff like insreting it to db

答案 2 :(得分:0)

.attr()方法仅获取匹配集中第一个元素的属性值。要单独获取每个元素的值,请使用循环结构,例如jQuery的.each()或.map()方法。

有关详细信息,请参阅此link

<script type="text/javascript">
  $(".test").live("click",function(){
  alert($(this).attr('class'));
});
</script>

<a href="#" class="test" id="content">Test</a>

答案 3 :(得分:-1)

试试这个

 //with javascript
 document.getElementById('content').innerHTML;

//with jQuery
$('#content').html();

答案 4 :(得分:-1)

另一种方法是为值属性赋值

以下是示例代码:

<script type="text/javascript">
$(".test").live("click",function(){
    alert($(this).attr('value'));
});
</script>
<a href="#" class="test" id="content" value="Test">Test</a>
试试吧!