js如何获取点击的li中a的text()？ - 跟谁学
搜索你想学的科目、老师试试，例如“舞蹈”搜索吉安
&&js如何获取点击的li中a的text()？ $("document").ready(function(){
$(".second-tag li").click(function(){
$val = $(".tag-name").text();
$url = window.location.
window.location.href = 'https://xxx/tag/' + $
}) 如上代码，当点击li时获取到了所有的.tag-name中的文本，如何做到点击哪个li，只获取点击的li中的.tag-name的文本？贺先森xycool
$("document").ready(function(){
$(".second-tag li").click(function(){
var liTextStr = $(this).text();
$url = window.location.
window.location.href = 'https://xxx/tag/' + liTextS
$("document").ready(function(){
$(".second-tag li").click(function(){
$val = $(this).find(".tag-name").text();
window.location.href = 'https://xxx/tag/' + $
golden_freeman_china
$("document").ready(function(){
$(".second-tag li").click(function(){
$val = $(this).text();
$url = window.location.
window.location.href = 'https://xxx/tag/' + $
$('.second-tag').on('click', 'a', function(){
$val = $(this).text();
$url = window.location.
window.location.href = 'https://xxx/tag/' + $})
$("document").ready(function(){$(".second-tag li").click(function(){
window.location.href = 'https://xxx/tag/' + $(this).text();})})
$(".second-tag li").click(function(e){
$val = $(e.currentTarget).text();
$url = window.location.
window.location.href = 'https://xxx/tag/' + $})联系再深入了解一下事件对象
极简$(function () {
$(".second-tag&li").click(function () {
location.href = 'https://xxx/tag/' + $(this).children("a").text();
相关问题大家都在看最新提问
关注我们官方微信关于跟谁学服务支持帮助中心推荐这篇日记的豆列
······浅析JQuery中的html(),text(),val()区别
投稿：hebedich
字体：[ ] 类型：转载 时间：
jQuery中.html()用为读取和修改元素的HTML标签，.text()用来读取或修改元素的纯文本内容，.val()用来读取或修改表单元素的value值。
html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档
html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
text():取得所有匹配元素的内容。
结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。
text(val):设置所有匹配元素的文本内容
与 html() 类似, 但将编码 HTML (将 "&" 和 "&" 替换成相应的HTML实体).
val():获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
上面的内容是在JQuery的帮助文档里拷贝的，也都不废话多说了。下面是自己做的一些练习，代码如下：
在做练习的时候我发现了html和text的另一个不同的地方
html()去元素的内容的时候，能将所选定的元素下面的格式也取到了。
如：&div id="divShow"&&b&&i&Write Less Do More&/i&&/b&&/div&
如果我们用var strHTML = $("#divShow").html();取的话，
结果是：&b&&i&Write Less Do More&/i&&/b&
如果我们用var strHTML2 = $("#divShow b i").html();取的话
结果是Write Less Do More
而text没有第一种情况，
如果我们var strText = $("#divShow").text();取的话
结果是Write Less Do More
&%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&
&base href="&%=basePath%&"&
&script src="js/jquery.js" type="text/javascript"&&/script&
&script src="/jquery-latest.js"&&/script&
&title& 获取或设置元素的内容&/title&
&style type="text/css"&
body{font-size:15text-align:center}
div{border:solid 0px #666;padding:5width:220margin:5px}
&script type="text/javascript"&
$(function() {
var strHTML = $("#divShow").html();// 获取HTML 内容(包含div下面的两个格式)
var strHTML2 = $("#divShow b i").html(); //获取HTML内容
var strHTML3 = $("div").html();
var strText = $("#divShow").text();// 获取文本内容
var strText2 = $("div").text();
$("#divHTML").html(strHTML);// 设置HTML 内容
$("#divHTML2").html(strHTML2); //设置HTML内容
$("#divHTML3").html(strHTML3); //设置HTML内容
$("p").html(strHTML);
$("#divText").text(strText);// 设置文本内容
$("#divText2").text(strText2);// 设置文本内容
$("a").text(strText);
$("select").change(function() { // 设置列表框change 事件
// 获取列表框所选中的全部选项的值
alert($("select").val());
var strSel = $("select").val().join(",");
$("input").val(strSel); // 显示列表框所选中的全部选项的值
&table border="1" bordercolor="#A9A9A9" cellspacing="0"&
&tr&&td&******************************&/td&&td&*******************************************&/td&&/tr&
&td&&div id="divShow"&&b&&i&Write Less Do More&/i&&/b&&/div&&/td&
&td&这是原内容&/td&
&td&&div id="divShow"&&b&&i&Write XXXX Do XXXX&/i&&/b&&/div&&/td&
&td&这是原内容&/td&
&tr&&td&******************************&/td&&td&*******************************************&/td&&/tr&
&td&&div id="divHTML"&1&/div&&/td&
&td&获取原内容(连带内容的格式)后以html方式输出&/td&
&td&&div id="divHTML2"&2&/div&&/td&
&td&获取原内容(不带内容的格式)后以html方式输出&/td&
&td&&div id="divHTML3"&3&/div&&/td&
&td&获取原内容(获取第一个匹配元素的内容)后以html方式输出&/td&
&td&&p&&/p&&/td&
&td&HTML方式设置段落的文本&/td&
&td&&p&&/p&&/td&
&td&如果这个也有内容了，就是设置每个匹配元素的内容&/td&
&tr&&td&******************************&/td&&td&*******************************************&/td&&/tr&
&td&&div id="divText"&4&/div&&/td&
&td&获取原内容后以text方式输出&/td&
&td&&div id="divText2"&&/div&&/td&
&td&获取原内容(获取所有匹配元素的内容)后以text方式输出&/td&
&td&&a&&/a&&/td&
&td&TEXT方式设置段落的文本&/td&
&td&&a&&/a&&/td&
&td&如果这个也有内容了，就是设置每个匹配元素的内容&/td&
&tr&&td&******************************&/td&&td&*******************************************&/td&&/tr&
&select multiple="multiple"style="height:96width:85px"&
&option value="1"&Item 1&/option&
&option value="2"&Item 2&/option&
&option value="3"&Item 3&/option&
&option value="4"&Item 4&/option&
&option value="5"&Item 5&/option&
&option value="6"&Item 6&/option&
&option value="7"&Item 7&/option&
&option value="8"&Item 8&/option&
&option value="9" selected&Item 9&/option&
&td&&input &&/input&&/td&
&td&&input &&/input&&/td&
大家也都可以自己去验证下，上面是我做的实验，我用的JQuery是1.6
总结一下：
.html()用为读取和修改元素的HTML标签
.text()用来读取或修改元素的纯文本内容
.val()用来读取或修改表单元素的value值。
这三个方法功能上的对比
.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。
.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。
.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具js&如何设置text为灰色不可编辑？_邢台小丽子_新浪博客
js&如何设置text为灰色不可编辑？
readOnly是只读，select本来就是只读，所以对它无效，input的text类型是可以的。​
示例
邢台小丽子
博客等级：
博客积分：0
博客访问：43,579
关注人气：0
荣誉徽章：这段代码是我在别人的网站上看到的，很奇怪，谁能解释一下，为什么要这么写，这样写有什么好处。&br&&br&&script id=&login_box_tpl& type=&text/template&&&br&&a href=&///?target=http%3A//xxxx/css/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&xxxx/css/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&$1.0.67/login.css& rel=&stylesheet&/&&br&&!--[if lte IE 6]&&br&&a href=&///?target=http%3A//xxxx.org/css/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&xxxx.org/css/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&$1.0.67/ie6.css& rel=&stylesheet&/&&br&&![endif]--&&br&&br&&form class=&auth_mk& action=&/user/doLogin.action& method=&post&&&br&
&input type=&hidden& name=&redirectUrl& value=&/&/&&br&
&li&&label for=&nick&&邮箱&/label&&input id=&nick& type=&text& name=&email& value=&&/&&br&
&li&&label for=&password&&密码&/label&&input id=&password& type=&password& name=&password&/&&/li&&br&
&li class=&def&&&label&&input name=&autoLogin& type=&checkbox& value=&1& checked=&checked&/& 下次自动登录&/label&&br&
&button type=&submit&&登录&/button&&br&
　&span&&a href=&/user/forgotPassword.action&&忘记密码了&/a&&/span&&br&
&/ul&&br&&br&&/form&&br&&/script&
这段代码是我在别人的网站上看到的，很奇怪，谁能解释一下，为什么要这么写，这样写有什么好处。&script id="login_box_tpl" type="text/template"&$1.0.67/login.css" rel="stylesheet"/&&!--[if lte IE 6]&$1.0.67/ie6.css" rel="stylesheet"/&&![endif]--&&form class="auth_mk" action="/user/doLogin.action" method="post"&
&input type="hidden" name="redirectUrl" value="/"/&
&li&&label for="nick"&邮箱&/label&&input id="nick" type="text" name="email" value=""/&
&li&&label for="password"&密码&/label&&input id="password" type="password" name="password"/&&/li&
&li class="def"&&label&&input name="autoLogin" type="checkbox" value="1" checked="checked"/& 下次自动登录&/label&
&button type="submit"&登录&/button&…
其实这里最主要的是为什么会选用这个标签吧其实以前也有用textarea的，但是要设置隐藏，否则会被输出用script标签的好处是默认不会显示在页面上，而且可以放置除script标签以外所有的标签，而显然模板里一般不会出现script标签，设置了type后又能保证浏览器不去执行它导致报错
这一段存放了一个模板。&br&在js里面，经常需要使用js往页面中插入html内容。比如这样：&br&&div class=&highlight&&&pre&&code class=&language-js&&&span class=&kd&&var&/span& &span class=&nx&&number&/span& &span class=&o&&=&/span& &span class=&mi&&123&/span&&span class=&p&&;&/span&
&span class=&nx&&$&/span&&span class=&p&&(&/span&&span class=&s1&&'#d'&/span&&span class=&p&&).&/span&&span class=&nx&&append&/span&&span class=&p&&(&/span&&span class=&s1&&'&div class=&t&&'&/span&&span class=&o&&+&/span&&span class=&nx&&number&/span&&span class=&o&&+&/span&&span class=&s1&&'&/div&'&/span&&span class=&p&&)&/span&
&/code&&/pre&&/div&如果html很短还好说，但是遇到描述里面的这么大段，直接用字符串存储会很困难，因为不光要处理单引号，还需要很多「+」号把字符串一个个连接起来，十分的不方便。&br&给&script&设置type=&text/template&，标签里面的内容不会被执行，也不会显示在页面上，但是可以在另一个script里面通过获取，然后再通过相关的模板工具进行处理，插入到页面中。这样就把大段的HTML操作从js里面分离开了。
这一段存放了一个模板。 在js里面，经常需要使用js往页面中插入html内容。比如这样： var number = 123;
$('#d').append('&div class="t"&'+number+'&/div&')如果html很短还好说，但是遇到描述里面的这么大段，直接用字符串存储会很困难，因为不光要处理单…
已有帐号？
无法登录？
社交帐号登录
前端培训班9月20日开课，详询QQ