不知道楼主是要获得span里的什么东西, 你的span里是一个<a>标签元素啊
不知道是不是这个意思
var span = $('#like_5920');
alert($(span)find('a')text());
输出: 喜欢(1)
准确的说,提取span标签中间的内容可以使用javascript实现或者使用jQuery实现
1、使用javascript实现
a、为span设置一个id,写如下js代码
var value=documentgetElementById("span的id属性")innerHTML;或
var value=documentgetElementById("span的id属性")innerText;
就可以取出下面的span标签中间的文本
innerHTML和innerText的区别再是能否识别html标签
2、使用jQuery实现
a、为span设置一个id,写如下jquery代码
$("#span的id属性")html()或者
$("#span的id属性")text()
b、不设置任何属性
$("div span")html()取出div下第一个span的内容或者
$("div span")text()取出div下所有span的内容
将你写的这段代码 放到 $(function(){}) 里面吧。<br>$(function(){<br> var result="教师"; //这里是获得的值,假设为教师<br> $("#power")text(result); //给SPAN里赋值 <br> var power=$("#power")text(); //获取SPAN里的值<br> if(power=="教师"){<br> alert("HELLO");<br> }<br>});
将这个js(jquery-getHtml-valuejs)文件引入到你的页面中,将$("#ImageButton1")html()替换成$("#ImageButton1")formhtml (),具体代码:如下
(function($) {
var oldHTML = $fnhtml;
$fnformhtml =function() {
if (argumentslength) return oldHTMLapply(this,arguments);
$("input,textarea,button", this)each(function() {
thissetAttribute('value',thisvalue);
});
$(":radio,:checkbox", this)each(function() {
if (thischecked) thissetAttribute('checked', 'checked');
else thisremoveAttribute('checked');
});
$("option", this)each(function() {
if (thisselected) thissetAttribute('selected', 'selected');
else thisremoveAttribute('selected');
});
return oldHTMLapply(this);
};
})(jQuery);
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>zhidao</title>
</head>
<body>
<p><input type="checkbox" value="1" checked><span>1</span></p>
<p><input type="checkbox" value="2"><span>2</span></p>
<p><input type="checkbox" value="3"><span>3</span></p>
共计:<span id="all"></span>
<script type="text/javascript">
var allinput=documentgetElementsByTagName('input');
var all=documentgetElementById("all");
function getNextElement(node){
if(nodenextSiblingnodeType == 1){ //判断下一个节点类型为1则是“元素”节点
return nodenextSibling;
}
if(nodenextSiblingnodeType == 3){ //判断下一个节点类型为3则是“文本”节点 ,回调自身函数
return getNextElement(nodenextSibling);
}
return null;
}
for(var i=0;i<allinputlength;i++)
{
if(allinput[i]checked)
{
consolelog(allinput[i]);
allinnerHTML+=allinput[i]value;
}
allinput[i]onclick=function()
{
var _this=this;
if(_thischecked==true)
{
consolelog(_this);
allinnerHTML =parseInt(allinnerHTML,10)+parseInt(getNextElement(_this)innerHTML,10);
}
else
{
consolelog(_this);
allinnerHTML =parseInt(allinnerHTML,10)-parseInt(getNextElement(_this)innerHTML,10);
}
}
}
</script>
</body>
</html>
获取下一个span的innerHTML来判断转化,把里面的值转化为十进制整数,再相加
直接取不到的。只能在表单提交之前通过javascript吧值丢到某个隐藏input控件里边然后提交表单。
<%
if request("spanVal") <> "" then
responsewrite request("spanVal")
responseend
end if
%>
<html>
<body>
<form action="" onsubmit="documentgetElementById('spanVal')value = documentgetElementById('span1')innerHTML;">
<input type="hidden" value="" name="spanVal" id="spanVal" />
<span id="span1">some value</span>
<input type="submit" value="Test" />
</form>
</body>
</html>
Servlet的java文件中只能获取到3大域的值即sesssion、request、application三大域。所以想要获取页面span的值,必须在页面中将需要传递的值通过三大域的SetAttribute方法来添加到三大域范围中,这样就可以将页面中span的值传递到Servlet的java文件中。其中页面拥有page域,并称四大域。
以上就是关于JS获取span的内容全部的内容,包括:JS获取span的内容、如何取div中包含的span的value、Jquery获取span里的值并比较等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)