如何在Jquery中点击获取html元素标签/文本？
在Jquery中，可以使用选择器来获取HTML元素标签或文本。以下是几种常见的方法：
- 通过标签名选择器获取元素：可以使用
$("标签名")来选择指定标签名的元素。例如，要获取所有的段落元素，可以使用$("p")。 - 通过类选择器获取元素：可以使用
$(".类名")来选择指定类名的元素。例如，要获取所有具有"example"类的元素，可以使用$(".example")。 - 通过ID选择器获取元素：可以使用
$("#ID名")来选择指定ID名的元素。例如，要获取具有"myElement" ID的元素，可以使用$("#myElement")。 - 通过属性选择器获取元素：可以使用
$("[属性名=属性值]")来选择具有指定属性名和属性值的元素。例如，要获取所有具有"data-type"属性且属性值为"image"的元素，可以使用$("[data-type=image]")。 - 获取元素的文本内容：可以使用
.text()方法来获取元素的文本内容。例如，要获取具有"myElement" ID的元素的文本内容，可以使用$("#myElement").text()。 - 获取元素的HTML内容：可以使用
.html()方法来获取元素的HTML内容。例如，要获取具有"myElement" ID的元素的HTML内容，可以使用$("#myElement").html()。 - 监听元素的点击事件：可以使用
.click()方法来监听元素的点击事件。例如，要在点击具有"myElement" ID的元素时执行某个函数，可以使用$("#myElement").click(function(){})。
总结：在Jquery中，可以使用选择器来获取HTML元素标签或文本，同时可以使用方法来监听元素的点击事件。以上是几种常见的方法，根据具体需求选择合适的方法来获取和操作元素。如果需要更详细的Jquery相关知识和使用方法，可以参考腾讯云的Jquery文档：Jquery文档。
相关·内容
我正在尝试查找位于特定选项卡上的文本。由于某些原因，文本在html中是可用的，但是当我在没有单击“概述”选项卡的情况下使用命令driver.find_element_by_id('hand-graph-title-overview').text时，它返回一个空字符串。但是，当我点击“概述”标签时，它会成功返回“Unpaired OOP”。有没有人知道如何在不点击标签的情况下获取文本？
我想要抓取的图像。
浏览 10提问于2020-05-17得票数 0
如何获取div中的内容以及所有html标签以及文本框等标签中的值。jQuery函数$('#divid').html()在IE中工作，但firefox我得到了html，但文本区域和文本框中的值没有设置。
谢谢，Shriniket
浏览 1提问于2009-12-14得票数 4
回答已采纳
当我想展开文本时，我总是使用以下jQuery代码：
jQuery(".readMore").bind("click", function () {
jQuery(this).text(jQuery(this).text() == "Leer más" ? "Ocultar" : "Leer más");
jQuery(this).prev().slideToggle();
});
});
以及如下HTML代码：
<div class="alwaysDisplay">
浏览 3提问于2014-02-02得票数 1
回答已采纳
我有一个HTML：
<strong>1)</strong>TEXT THAT I ONLY NEED<p>some par</p><ul>..</ul>
我只需要“文本，我只需要”，它没有在他的HTML中使用任何标签，我怎么能用jQuery获得它呢？
浏览 9提问于2011-12-24得票数 42
我有一个针对所有<a>标记的jQuery事件，如下所示
$('a').live('click', function(event)
我正在使用下面的代码获取标记的href
var href = event.target.href;
这是我的HTML：
<a href="/test/path/">
<p>My Link</p>
</a>
当我单击<a>标签的区域时，我可以成功地在控制台中登录var href，但是当我单击文本( <a>标签中的<p>
浏览 1提问于2012-04-10得票数 1
回答已采纳
当尝试使用jquery计算文本宽度时，将丢失无线电输入的“选中”属性。我使用以下代码：
$.fn.textWidth = function(){
var html_org = $(this).html();
var html_calc = '<span>' + html_org + '</span>';
$(this).html(html_calc);
var width = $(this).find('span:first').width();
$(this).html(html_
浏览 0提问于2016-06-09得票数 0
回答已采纳
文档的几个选项卡中有表单。
用户在一个选项卡中填写表单，例如"Finance“。
表格包括标签，收音机，文本框，日期
当转到final选项卡时，我们需要以表格的形式显示他在Finance选项卡中填写的内容。
以下是他填写的HTML格式，我只是输入演示值，这些值具有重复面板，但元素具有不同或相同的id或不同的数据类型：
<div class="panel clonablePart" id="Money_panel1">
<label class="boldText">Amount</label>
&l
浏览 2提问于2015-08-05得票数 0
回答已采纳
6回答
当我点击一个链接时，我正在尝试在文本区写一些东西。
function writeText(txt){
document.getElementById("writeArea").innerHTML = txt;
}
我想传递html标签代替txt作为此函数的参数，这样我就可以在文本区内获得图像、链接等。这在Javascript中是可能的吗？|| JQuery会很好？事前谢谢。
浏览 2提问于2010-12-03得票数 3
回答已采纳
我有一个变量列表和一个字段列表，其中可能包含文本输入或文本区域。我想点击一个变量名，并让它自动地附加到最后一个有焦点的输入/textarea字段中的内容末尾(假设最后一个焦点是这些字段中的一个)。
下面是一个JsFiddle，它说明了我要做的事情：
HTML：
Field 1: <input type="text" name="field[1]" /><br/>
Field 2: <input type="text" name="field[2]" /><br/>
Field 3:
浏览 5提问于2014-05-29得票数 1
回答已采纳
1回答
为什么这个点击事件不能改变#输出中的文本呢？但是如果我在表单标签外写按钮标签，它会改变#output中的文本。
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<form>
<button id="compressStart">Start</button>
</form>
<p id=
浏览 5提问于2016-04-12得票数 1
回答已采纳
请帮帮我。
我想要检测td上的窃听。但我还需要在点击时获取p标记(cal_date)值中的一个。如何获取cal_date值？
JQUERY当前代码：
$( document ).on ( "tap", "td", function(event) {
//code here
// i want to get the cal_date value in this block
});
我不能不使用这种方式，因为它只能检测到p.cal_date标签上的点击，而不能检测到td标签上的点击。
$( document ).on ( "tap"
浏览 1提问于2016-02-03得票数 0
3回答
插入/删除平衡
、、
当我单击按钮时，我想在p标签中添加一个div标签，当我点击一个p标签时，我也想删除我点击的p标签。
这是我的Jquery：
$('#ajou').click(function(){
alert( $('#skill').val());
$('#skills').append('<p>'+$('#skill').val()+'</p>');
});
$("p").click(function(){
$(this).remove();
}
浏览 3提问于2015-11-04得票数 0
回答已采纳
我使用JQuery将所有标签中的文本添加到输入的占位符中。我故意把<strong>文本放在一边。
我让它在Firefox和Chrome中运行得很好，但在IE中，它在第一个标签的最后一步就停止了。我怎样才能在IE中实现这一点？
JQuery：
$("li label").each(function() {
var label = $(this);
var placeholder = label.contents().get(0).nodeValue;
label.closest("li").find("input"
浏览 1提问于2016-03-16得票数 0
回答已采纳
<div id="div1">
<a herf="#">link1</a>
<a href="#">link2</a>
</div>
//jquery
$("#div1 a").click(function(){
var text = $("#div1 a").text();
});
在上面的标签上，我想在我点击的锚标签的旁边获得文本，但是点击上面的每个锚标签都会给我一个相同的答案('link1link2')，我如何才能在我点
浏览 0提问于2013-09-16得票数 4
我在我的html中有三个锚标签链接，id为"switcher"，"switcher-b"，"switcher-c"，当点击锚标签"switcher“时，我想从我的服务器"content.html”上的html页面加载内容，锚"switcher-b“将加载" content -b.html"，而"switcher-c”将加载"content-c.html“。我还有一个锚标签id "default“，当点击时将重置/卸载html页面。
我认为switch语句是完成任务的最好方法，但它不起
浏览 3提问于2012-09-01得票数 0
回答已采纳
我需要获得嵌套的html链接元素的确切文本值。如果您想要得到这个元素的文本值，我理解
<a id="mylink" >Hello</a>
就是
$("#mylink").text();
但在这种情况下我
<a id="mylink" >Hello <label id="mylab" >Hi!...</label></a>
我只需要内部文本值，即Hello。我不需要标签的价值。我如何在jQuery中做到这一点？
浏览 7提问于2015-08-24得票数 0
回答已采纳
5回答
实际上，我有以下jquery代码：
$(function() {
$(".text").click(function() {
$("#Content").html($(this).next(".text1").html());
$(this).css( "color", "red" );
});
});
我想要改变的是，只有最近点击的带有类"text“的a标签，他的颜色才变成了红色。或者更好的说法是，当单击带有类文本的a-标记时，最后单击的a-标记中的红色将被移除！总结:只有一个标签
浏览 8提问于2013-08-16得票数 0
回答已采纳
我有这个html：
<div class="portlet-header">
Company Information ... <button> some button here </button>
</div>
<div class="portlet-content">
<div class="content_regular">
<table style=" width:100%; height:100%;">
浏览 0提问于2010-06-21得票数 3
回答已采纳
1回答
我使用jquery将值从现有的asp.net标签复制到另一个asp.net文本框中。我遇到的挑战是使用标准html标签将复制的文本格式化为粗体。
$subject = $("[id$=lblrequestsubject]").html();
$topic = $("[id$=lblrequesttopic]").html();
$("#<%=txtdescription.ClientID%>").html("\n\n\n\n"+"Subject: "+$subject +"\n"+&#
浏览 1提问于2014-05-31得票数 0
如何使用jQuery生成动态html元素？有没有可能在点击按钮时将其移除？也就是说，我必须在单击按钮时生成文本框，并且文本框的内容将显示在一个标签中。如下所示：
用户最多可以添加3封电子邮件。单击delete按钮，生成的文本框将被删除。我该怎么做呢？
我已经提到过这个：线程
有什么建议吗？
浏览 2提问于2011-10-03得票数 1
回答已采纳
当你点击div标签的内容时，有没有办法让它获得焦点呢？使用CSS还是JQuery？
浏览 2提问于2010-08-21得票数 1
7回答
我想在输入字段中添加一些文本。我尝试了以下代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#btn1").click(function() {
$("in
浏览 6提问于2020-08-02得票数 1
回答已采纳
我在php循环中显示锚标记。现在，我正在尝试获取这些锚标记的文本，这些标记来自Jquery中的PHP循环，但是我得到了错误的结果。检查下面的屏幕快照..。
现在，当我点击任何链接，如，婴儿食品，或婴儿家具，或任何其他链接，然后我得到的文本的所有锚标签，而不是特定的锚标签，被点击。例如，当我点击婴儿食品时，我希望只显示婴儿食品，而不是所有的Anchor标签文本。请帮帮我。下面是我的代码
<h4>Related Category</h4>
<?php foreach($grouped_with_count as $relatedCat) { ?>
&l
浏览 2提问于2016-04-01得票数 1
回答已采纳
对不起，我不能很好地解释我的问题。我想得到我之前选择的标签的孩子。 我将用简单的代码向您展示。 这是我的html代码： <div class="inner">
<div class="box">
<a href="yaghoot.studio"></a>
</div>
</div>
<div class="inner">
<div class="box">
<a href=
浏览 21提问于2019-01-09得票数 1
回答已采纳
2回答
我需要使用jQuery读取div标记中特定标签的值。下面是HTML结构。
<div id="myDiv">
<label id="greenLabel">Hello</label>
<label id="redLabel">There you go!</label>
</div>
有人能帮我找到"redLabel“的内部文本吗？
浏览 0提问于2013-11-22得票数 2
如下图所述，有许多跨度标签，每个标签都有自己的a-标记，其唯一的id为"chooseitem“。我需要使用span标记中的名称来选择特定的标记。
需要点击a标签按钮使用文本Mayo鸡从上面的HTML片段在图像中。
我已经尝试了下面的Selenium脚本
WebElement select = driver.findElement(By.xpath("//*[contains(text(),'Mayo Chicken (Single)')]"));
WebElement add = select.findElement(By.id("ch
浏览 4提问于2017-06-26得票数 0
回答已采纳
我正在使用JQuery.live()功能来捕获<div>中任何标签的单击事件。但是当被点击时，我想获得被点击的标签的文本。我尝试过$(this).text，但它显示了完整的代码。
浏览 0提问于2010-01-20得票数 0
回答已采纳
4回答
如何在没有id的标签上使用click事件
大家好，我有一个下面的html标签：
<a class="fc-day-grid-event fc-h-event fc-event fc-start fc-end fc-draggable fc-resizable" href="https://www.youtube.com/watch?v=XXXXX"><div class="fc-content"> <span class="fc-title">event</span></div
浏览 0提问于2019-08-15得票数 0
我使用jquery来更改复选框的标签。
use strict';
$("#chId").click(function () {
if (this.checked) {
$('#divId').html("Checked");
}
else{
$('#divId').html("Un-Checked");
}
});
如果我指定常规html样式的复选框，它可以正常工作。
<input type="checkbox" id=&#
浏览 0提问于2013-08-22得票数 1
回答已采纳
我试图更改jquery选项卡中的链接文本，但我得到的值为空。
$.fn.addEditorTab = function(name, tabName, contents) {
$('ul', this).append('<li title="' + name + '"><a href="#tab-' + name + '">' + tabName + '</a><span class="ui-icon ui-icon-c
浏览 1提问于2017-04-25得票数 0
回答已采纳
2回答
如果输入字段为required，我将尝试在输入的标签文本中添加星号。我使用了并引用了，我可以使用以下代码获得所需的结果
jQuery(function() {
jQuery("[required]").before(jQuery("<span>", {
class: "required"
}).html("*"));
});
但是，我不希望在标签文本不可用的输入字段中添加星号。
如果标签文本不可用，请查看以下内容；
<label>
<span class=
浏览 0提问于2020-12-25得票数 2
回答已采纳
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
var pValue = $(".blah").find("p").html();
alert(" Information in Paragraph tag is ###
浏览 6提问于2011-08-12得票数 2
3回答
我试图在标签之间获取文本，也在标记集之间获取文本，我已经尝试过了，但我没有得到我想要的。有人能帮忙吗？我真的很感激。
text = '''
<b>Doc Type: </b>AABB
<br />
<b>Doc No: </b>BBBBF
<br />
<b>System No: </b>aaa bbb
<br />
<b>VCode: </b>040000033
<br />
<b>G Code: </b&
浏览 22提问于2022-03-17得票数 1
回答已采纳
2回答
我在我的网站上有一个联系人表单，其中有文本开始浅灰色，点击我有它的设置，使它改变颜色，但当我的标签，它不会。有没有检测用户是否已经使用标签按钮进入字段，而不是点击，并涵盖此实例也。
HTML：
<input name="email" type="text" id="EmailField" class="extraFields" autocomplete="off">
jQuery：
$('body').on('click', '.extraFields'
浏览 1提问于2014-02-11得票数 0
如何使用jQuery查找元素是文本框还是文本区域？
例如，我有两个单选按钮：
当我点击第一个，它应该显示文本框。
当我单击第二个区域时，它应该显示文本区域。
但是附近的文本框标签应该使用jquery显示"TEXTBOX“。
附近的textarea标签应该使用jquery显示"TEXAREA“。
这是如何做到的呢？
浏览 2提问于2011-09-07得票数 2
回答已采纳
9回答
我想要获取我单击的HTML文档中的当前元素(无论是什么元素)。我正在使用：
$(document).click(function () {
alert($(this).text());
});
但非常奇怪的是，我得到了整个(！)文档，而不是单击的元素。
如何只获取我点击的元素？
示例
<body>
<div class="myclass">test</div>
<p>asdfasfasf</p>
</body>
如果我点击“测试”文本，我希望能够在jQuery中用$(this).at
浏览 2提问于2012-01-26得票数 184
回答已采纳
我怎么能点击我得到一个标签索引
我的Html代码
2.我的jquery插件代码。
(function( $ ) {
$.fn.nss = function( ) {
var thisindx = this.index(this);
console.log(thisindx);
return this;
};
}( jQuery ))
3.我的javascript代码
$(function(){
$('a[rel="group"]').click(function(){
浏览 1提问于2013-06-20得票数 0
2回答
我有下一个结构的html文档
<html>
<head>...</head>
<body>
Some text
<iframe name="frame2" id="frame2">
#document
<html>
<head>...</head>
<body>
<table>
<tr>
<td>Inner Text</td>
</tr>
</table>
</body>
浏览 0提问于2012-12-27得票数 0
回答已采纳
1回答
我正试图通过jquery在标签中获取文本。但我只是设法让整个html输入显示出来。我只想收到短信。
我在循环中生成一个带有复选框的标签，如下所示：
for (var key in data['results']){
SearchResultsOutter = $('<div />', {
'class' : 'SearchResultsOutter',
}).appendTo('.searchresultswrapper');
paraCheck = $('
浏览 2提问于2016-11-02得票数 0
回答已采纳
1回答
Jquery元素
、、
我对jquery有个问题。我创建了一个新项目，在我的项目中，您可以使用jquery将html标记添加到文章标记中，比如使用以下代码：
这是我的html代码
<article id="1" name="1">
Plaese Click Me!
</article>
当我点击一个文章标签时，我运行以下代码
jQuery("article").click(function (e) {
var name = $(this).attr("name");
$(".object").
浏览 1提问于2016-03-23得票数 1
回答已采纳
我想要做的是，当我单击一个元素时，它会克隆到'b‘标签中。
下面是html：
<ol>
<li>y</li>
<li>z</li>
<li>x</li>
</ol><b></b>
下面是javascript：
$("li").click(function(){$(this).clone().appendTo("b");});
结果是我得到了一个要点，因为我想克隆的文本周围有'li‘元
浏览 0提问于2017-06-29得票数 0
在asp.net页面中，我需要知道如何维护由html按钮点击分配的特定标签的值。回发完成后。
详细代码：
<table>
<tr>
<td><asp:Label ID="lbl1" runat="server" ClientIDMode="Static">Before Changing</asp:Label></td>
<td><asp:Label id="lbl2" run
浏览 0提问于2014-01-03得票数 4
回答已采纳
2回答
我正在尝试引入动画，改变div标签中的文本以及单选按钮中的文本。
可以用动画更改div的文本，但是我不能用动画来更改对讲机的文本。
注:没有动画，我能够根据我之前提出的一个问题来做这件事。
下面是作为HTML的内容：
<div id="questionBlock">
<article>loremipsum dah blah blah </article>
</div>
<label class="block" id="lblFirstOption" for =
浏览 3提问于2014-08-23得票数 0
回答已采纳
我正在尝试使用jquery提交表单，但我不确定为什么表单总是空的。我只是在一个表单中运行一个while循环，并且有一组具有不同名称的输入，并且我想在div标签"karma“中打印出它的值。
编辑:我想在每次点击按钮时打印出整个表单。
这是index.php文件
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="
浏览 0提问于2015-06-10得票数 0
2回答
在一些javascript的帮助下，我正在做一个简短简单的html测验。问题是，我不想使用<input>来接受答案，我正在寻找替代方案。javascript根据标签ID运行输入。是否可以使用另一个带有contenteditable的标签。我希望框中显示“在此处键入答案”。如果javascript检查ID1，我能得到类似这样的东西吗？
<p id="id1" contenteditable="true">Type answer here</p>
而不是
<input type="text" id="
浏览 0提问于2012-10-01得票数 0
回答已采纳
3回答
我需要在jquery中遍历Ul和li，并在jquery中获得标签值。我正在做一个asp.net c#
我的Html如下
<ul id="ctl00_DashboardContent_cblUsers" class="reprp checkWrp scroll" style="width: 100%;">
<li>
<span title="Thomas"><input name="ctl00$DashboardContent$cblUsers$1" />
浏览 6提问于2017-01-17得票数 1
回答已采纳
1回答
请帮助我解决这个问题:(我正在使用BrowserControl of C#，我有这样一个html文档文件：
<html>
<title>
news
</title>
<body>
<br>
<br/>
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
浏览 3提问于2012-02-09得票数 1
我试图使用jQuery.It将intro/help文本包装在html文档中，而不是在任何标记中，而是在两个封闭的html标记之间。
例如，请参阅附加的代码片段。第二端标签也可以是<p>以外的。
var txtHelp = jQuery('b.page-title').nextUntil('p').text();
console.log(txtHelp);
//jQuery('b.page-title').nextUntil('p').text().wrap("<p />");
<
浏览 3提问于2016-07-19得票数 12
回答已采纳
1回答
我是这里的新成员，我正在寻找我的问题的解决方案，如下所示：
我有一个元素标签，它是在ajax/jQuery post之后加载到DOM中的，它的定义如下：
function PostAndUpdate(_username) {
$.post("/SearchCompetitor/Index", { username: _username }, StartLoading())
.done(function (data) {
if (data !==
浏览 5提问于2016-12-23得票数 1
4回答
我有一个按钮(样式来自div标签，jquery UI)和一个输入文本框。我希望如果我点击文本框，按钮也不会被点击。
浏览 1提问于2011-07-17得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
