Jquery通过属性部分值查找元素
JQuery是一个流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果和AJAX等操作。在JQuery中，可以通过属性部分值来查找元素，具体的方法是使用属性选择器。
属性选择器允许我们根据元素的属性值来选择元素。以下是几种常见的属性选择器：
- [attribute]：选择具有指定属性的元素。
示例：
$("input[type]")选择所有具有"type"属性的input元素。 - [attribute=value]：选择具有指定属性和值的元素。
示例：
$("input[type=text]")选择所有type属性值为"text"的input元素。 - [attribute^=value]：选择具有以指定值开头的属性值的元素。
示例：
$("a[href^=https]")选择所有href属性值以"https"开头的a元素。 - [attribute$=value]：选择具有以指定值结尾的属性值的元素。
示例：
$("img[src$=.jpg]")选择所有src属性值以".jpg"结尾的img元素。 - [attribute*=value]：选择具有包含指定值的属性值的元素。
示例：
$("input[name*=user]")选择所有name属性值包含"user"的input元素。
JQuery的属性选择器可以帮助我们根据元素的属性部分值来查找和操作元素，提供了灵活的选择方式。在实际应用中，可以根据具体的需求选择合适的属性选择器来定位和操作元素。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
如果一个元素没有任何类，我如何使用jQuery来选择它呢？
我正在编写一个页面，它允许html作者通过向元素添加一个类来覆盖默认的jQuery操作。它应该是任何类。
因此，标记可能是：
<ul>
<li class="override"></li>
<li></li>
</ul>
我希望jQuery只选择第二个列表元素，因为它没有类。
我看过.hasClass()，但它似乎需要一个特定的类名。
谢谢!
浏览 0提问于2012-01-28得票数 14
回答已采纳
3回答
在下面的javascript中，"this“表示汽车对象，search_id表示id为"search_input”的输入文本字段。因此，基本上用户在字段中键入文本，然后根据输入进行搜索。现在我知道val()方法是从输入字段获取用户输入字符串。但是，我不确定split()方法中的冒号在做什么。我一直认为，当您传入一个空字符串时，split()方法只是放置了一个逗号分隔符。然后，拆分的变量似乎保存了从输入拆分出来的字符串数组。但是，为什么我们要传入字符串数组中的第一个拆分字符串(拆分)和第二个字符串(splitted1)，然后将其传递给变量string_to_scope？基本上，它
浏览 0提问于2010-07-01得票数 0
回答已采纳
1回答
如何使用jQuery获取选定行？
、、、、
这是我的表的tbody中的表行。我得到了下拉值，文本值，但我不能得到选定的行值。我的行值返回"undefined“。 $(document).on("click", "#skorKartDegerle", function() {
$("#modal_evaluation").modal("show");
});
$(document).on("click", "#btnKaydet", function() {
var arrList = [];
var isEmpty
浏览 13提问于2021-01-13得票数 1
回答已采纳
例如，我在一个XML文件中包含以下内容：
<decisionPoint fileName="5">
<choice label="ARIN, RIPE, APNIC" goTo="5aa"/>
<choice label="Whois.org, Network Solutions" goTo="5aa"/>
<choice label="Google, Bing, Yahoo" goTo="5c"/>
</decisionPoin
浏览 0提问于2013-04-05得票数 0
回答已采纳
<label for="id_about">Profile</label>
如何使用JavaScript或jQuery更改此操作？我只想更改这个实例，以便用其他类似的内容来替换概要文件。我知道如何改变我的网站上所有的“个人资料”字。但我只想改变这个特定的例子。
浏览 5提问于2014-07-25得票数 0
回答已采纳
假设我有一段HTML：
<div id="container">
<ul>
<li><a href="#" data-some-info="foo">Bar</a>
<!-- repeating a few like the one --> -->
<!-- above for a while ... -->
</uL>
<
浏览 9提问于2013-01-30得票数 5
回答已采纳
当我试图操纵外部站点的布局时，我经常被迫使用一系列选择器来定位我想要的特定元素。当我第一次遇到这种情况时，我得到了一个jQuery解决方案，它很容易得到结果。我不喜欢依赖于jQuery，我想知道这在标准Javascript中有多可行。这是一个jQuery‘链’的例子--
$('div[id="entry"] > p[class="header"] > span[id="title"] > div[class*="entry"] > p[class="title"] > a[cl
浏览 2提问于2011-07-03得票数 5
回答已采纳
这是jquery的新手，所以我可能会犯一个简单的错误，但我就是找不到它。目前，我有一个选择下拉列表，我想要发送给用户的网址是根据他们选择的选项构建的。目前，我的jquery中有以下内容：
$('#sizeSelect').change(function () {
var singleValue = $(this).find('option:selected').val();
var singleUrl = '/products/length' + '~' + escape(singleValue
浏览 2提问于2011-05-25得票数 2
回答已采纳
下面是html代码片段
<li style="opacity: 1;">
<a id="LinkDisplay" class="optionsDropDown" style="color:#FF0000;display:none" href="javascript:showThisLink('LinkId');">
</li>
以下是jquery函数，它在加载时被调用
$(function () {
$.ajax({
url: ur
浏览 8提问于2012-08-29得票数 10
回答已采纳
我有两个网页internal.html和external.html
我在internal.html中有一段代码，它用id“external.html”将external.html加载到div中
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
function autoRefresh_div()
{
$("#result").load("https:/
浏览 0提问于2014-11-27得票数 3
回答已采纳
如果我在JavaScript中使用这一行，
$("#formfieldid").attr("value", "foobar");
它将value属性插入到HTML中，以便在查看源代码时显示它。
如果我在JavaScript中使用这一行，
document.getElementById("formfieldid").value = "foobar";
字段的值将是foobar，但它不会显示在view source下。
我想要做的是让属性不显示在view source下，并使用jQuery。在jQuery中是否存在等效
浏览 4提问于2012-10-16得票数 2
回答已采纳
基本选择器的形式如下：
jQuery( element )
jQuery( selector [, context ] )
如果引用的话，HTML元素可以很好地工作：
$("div").length // value is 2
$("body").length // value is 1
$(body).length // Uncaught ReferenceError: body is not defined
然而，document和document.body都是不带引号的：
$(document).length // va
浏览 3提问于2014-01-03得票数 5
回答已采纳
可能重复：
如何使用使用颜色或背景#333的jquery编辑所有元素css
并将所有更改为颜色或backgroundColor #000
来自所有的TanX
浏览 2提问于2011-08-22得票数 0
回答已采纳
4回答
当另一个复选框被选中时，我尝试使用jquery来选中另一个复选框。如果复选框的ids是恒定的，这将很容易，但它们可以改变，所以我尝试使用类来代替，不幸的是，asp.net将类名应用于包装复选框的span元素，而不是直接应用于复选框，因此我需要通过父范围的内部元素来获取复选框
<script type="text/javascript">
$(document).ready(function() {
$('#ctl00_ContentPlaceHolder1_Category_ctl00_ProductBusinessLine_chkEL_
浏览 0提问于2010-11-25得票数 1
2回答
当您键入例如1a或22时，输入值内容将消失。我想做这样的事情：，我的意思是，在错误的字符之后，不要消失。
$('#x').mask('ZZZDZZ', {
translation: {
'Z': {pattern: /[\d]/, optional: true },
'D': {pattern: /[\.]/, optional: true },
},
placeholder: "XXX.XX",
selectOnFocus: true,
reverse
浏览 15提问于2017-02-04得票数 0
回答已采纳
这些数据属性是hmtl5的一部分吗？它们是jQuery使用的吗？我认为数据属性是通用的。为什么要打开确认框?当数据方法是POST时，如何将链接转换为post？
我在网上搜索过这些属性，但是找不到任何有用的东西。我刚刚看到那些属性经常被提到红宝石的东西。
有官方文件吗？
更新：
我发现他们是在中使用的。但是，其他(ruby)框架似乎以同样的方式使用这些属性()。这似乎就是为什么我觉得它是jQuery或html5的一部分的原因。
浏览 4提问于2015-10-01得票数 8
回答已采纳
我得到了一个eshop后，其他人谁并不真正关心网站的性能，并作出了一个真正的反性能CSS，并由于没有CSS矿工工作跨浏览器-正确地在这样一个巨大的CSS文件(甚至不是eshop自己的)，我决定清除CSS，这样做，我将需要页面上使用的类的完整列表-如何获得完整的类列表上使用的网页上使用的jQuery？
(我可以把循环写到控制台，.我更希望的是如何在jQuery中做，而不是一个完整的解决方案(在这种情况下，我从来不相信第三方x)。
浏览 4提问于2013-08-07得票数 1
回答已采纳
在JSFiddle：上查看它
My JQuery
$(".SupOrSubButton").click(function(e) {
var child = $(this).children().attr('id');
if (child == 'Superscript') {
if ($(this).hasClass('ButtonActive')) {
$(this).removeClass('ButtonActive');
} else {
浏览 5提问于2013-04-09得票数 1
我尝试使用js ASP.NET MVC 5查看基于类别的产品列表。我对此并不熟悉，它不会在选择框中起作用。这是我的代码：
我的Select区块：
<select class="SelectCategory" name="SelectCategory">
<option value="0">All</option>
@foreach (var item in ViewBag.categories)
{
if (ViewBag.SelectedCat == item.Value)
{
浏览 23提问于2019-11-06得票数 0
回答已采纳
我有一个这样的结构：
<div class="linkedItem" data-yt="youtubelink">
<svg><use></svg>
<div>youtube link</div>
</div>
在jQuery中，我在包装器<div>上分配了一个单击事件
$("div.linkedItem").on("click",launchYouTube);
function launchYouTube(e){
v
浏览 2提问于2015-11-12得票数 2
回答已采纳
我正在做一些jQuery魔术，我需要标记一个<li>来做一些特别的事情。由于某些其他约束，我不能使用class或id。为了让jQuery可以找到元素，我还可以在其中添加哪些其他属性？
浏览 0提问于2011-05-25得票数 2
回答已采纳
1回答
如果我点击一个按钮，我想加载(刷新一个部分)我的页面。因此，我在Wordpress中使用这个Wordpress代码。
jQuery(document).ready(function() {
jQuery("#dynamic").load("single.php");
});
我想要的是加载single.php文件中的某个div或ID，但是我无法让它工作。我试过了，但没用：
jQuery(document).ready(function() {
jQuery("#dynamic").load("single.php + &#
浏览 1提问于2013-07-19得票数 2
回答已采纳
我开始学习jquery，基本上jquery的很多方面都让我感兴趣。现在，我最近一直在用jquery编写小的代码片段，现在我已经很舒服了。
我有一个小小的好奇心，看看下面的代码：
<a href="#">Click here</a>
Jquery代码:：
elem_jquery = $('a');
elem_js = $('a')[0];
console.log(elem_jquery);
console.log(elem_js);
现在，elem_jquery打印以下内容：
Object { 0: <a>
浏览 2提问于2015-06-21得票数 0
($当然是指jQuery)
例如，$(this).addClass('className')；和this.$.addClass(‘className’)有什么区别；
浏览 1提问于2015-06-11得票数 0
我试图在jQuery中迭代一个复杂的类型绑定，以便将Json表示通过一个IEnumerable操作参数提交。
<input type="hidden" value="0" name="value.index" />
<input type="text" value="textone" name="value[0].InputValue" id="value[0].InputValue" />
<input type="hidden" v
浏览 1提问于2010-07-09得票数 0
回答已采纳
Jquery中的#和. (点)有什么不同？
例如，我已经看到
$('#divName').show();
而且还
$('.divName').append();
在我们的代码库中，有人可以解释一下吗？我是Jquery的新手。
浏览 0提问于2012-09-06得票数 2
回答已采纳
4回答
我所拥有的：
我有一个包含两个普通文本框和两个禁用文本框的表单。
禁用元素通过jQuery从启用的元素接收它们的值。
然后通过PHP发布这四个元素的值
注意:我的表单被用作自定义WordPress页面的一部分。
问题是：
禁用的元素(即通过jQuery派生的值)不是通过PHP发布的。
视觉：
我的代码：
PHP:
<?php
if(isset($_POST['submit'])) {
echo 'a= '.$_POST["textbox_a"].'<br />';
e
浏览 6提问于2014-04-15得票数 1
回答已采纳
3回答
使用jquery或javascript，我如何在DOM中找到设置了特定tabindex的输入元素，例如：
<input id="txtInput" type="text" maxlength="5" tabindex="7">
如果我搜索tabindex = 7的元素，我希望返回这个元素。
浏览 2提问于2011-07-29得票数 13
回答已采纳
我在wordpress插件上使用这段代码返回用户在wordpress媒体上传器中选择的图像的src。
如果只有上传程序屏幕返回的图像，则此代码不返回图像src的问题。
Jquery代码：
window.send_to_editor = function(html) {
alert(html);
imgurlv = jQuery(html).find('img').attr('src');
alert(imgurlv);
jQuery(targetfield3).val(imgurlv);
tb_remove();
}
示例：
上传器返回的代码
浏览 2提问于2012-05-08得票数 0
回答已采纳
我有一些简单的代码不起作用：
jQuery('#list-of li').removeClass('active').find('[data-item-id="' + item_id + '"]').addClass('active');
只有当我将它与li一起使用时才有效，例如
jQuery('#list-of li[data-item-id="' + item_id + '"]').addClass('active');
浏览 4提问于2013-08-20得票数 1
回答已采纳
1回答
我正在制作一个带有表格的Wordpress插件，其中列出了mysql表格中的行。每一行都有“编辑”和“删除”按钮。该表还有一个"Add“按钮，用于向表中添加行。为了添加和编辑行，我使用了jQuery对话框，以及一个可以在同一页面上显示任何更改的ajax函数。这意味着，当页面加载时，“添加”和“编辑”按钮具有附加了jQuery函数的类，当它们被单击时将打开UI对话框。正因为如此，它们还具有jQuery自动为其提供的特定CSS样式。
但是，当我添加一个新行时，它通过ajax出现在页面上，它的“编辑”按钮没有附加功能，也没有CSS样式。此外，当我编辑现有行时，值会发生更改，但现有行中的
浏览 0提问于2014-02-24得票数 0
4回答
如何找到有Title标签的DOM元素？
<span class="t-filename" title="!!!!.txt">!!!!.txt</span>
用于查找DOM元素的jQuery
$(".t-filename ***What I should put here***")
浏览 4提问于2012-03-12得票数 2
嗨，我想知道是否有人能帮我了解一下数据到底是如何工作的-*的工作原理.我需要创建一个使用jquery访问的自定义属性.
以下是我到目前为止得到的信息：
HTML
<select name='province' class='province' data-IsSelectSingle='true'> ... etc ...
jQuery
if($.data("IsSelectSingle") != "true")
即使这是真的，它仍然执行..。我也试过..。
if($.data($(".provi
浏览 3提问于2012-03-13得票数 2
回答已采纳
1回答
jQuery:查找部分类名
、、、、
我想看看一个<li>是否有一个特定的类，问题是它们都是唯一的，但都包含一个常量字符串'unqID‘。我想检查<li>是否有包含此字符串的类，如果没有，则将新类添加到<li>中。我知道如何找出元素是否有确切的类名，但不知道如何找出不完整的类名。
<li class="orange blue">
<div class="answer">Some Content</div>
</li>
<input type="button" name="
浏览 0提问于2015-11-10得票数 14
回答已采纳
<sjg:gridColumn name="scenarioDescription"
index="scenarioDescription"
title="Scenario Description"
sortable="true"
editable="true"
edittype="text" />
--我尝试在标签中使用wi
浏览 2提问于2013-04-16得票数 0
我使用jQuery将新的<option>标记附加到<select>字段，在某些情况下，我需要在不知道这些选项的值的情况下删除它们。
有没有可能删除jQuery创建的所有选项，同时保持原始选项不变？
我能想到的唯一方法就是检查它们不是我想要保留的值。希望有更简单，更快的方法吗？
浏览 1提问于2012-10-05得票数 2
回答已采纳
6回答
我需要能够选择和修改HTML文档中的元素。使用jQuery查找元素的通常方法是使用选择器，该选择器按属性、id、类或元素类型进行选择。但是，在我的示例中，我有元素的HTML，我希望在文档中找到与此DOM匹配的元素。
重要:
我知道我可以使用类选择器或ID选择器等等。但有时我得到的HTML没有类、ID或属性可供选择，所以我需要能够从元素的HTML中进行选择。
例如，下面是我需要找到的元素：
<span class='hello' data='na'>Element</span>
我尝试使用jQuery的Find()，但它不起作用，下面是试用
浏览 11提问于2016-11-26得票数 0
回答已采纳
假设我有一个文件，其中包含
<div id='outside'>Hello World</div>
<div id='outside1'>Hello's</div>
我有其他使用jquery的文件，我想从上面的文件az.php中提取外部id中的数据。
浏览 0提问于2013-05-04得票数 1
有没有办法做到这一点？我的ajax设置了一个javascript变量，但是当我尝试使用document.write显示它时，它覆盖了html元素。是否可以这样做，这样我就可以使用javascript变量，而不会遮盖html元素？提前谢谢。
<html>
<head>
<title>Log In</title>
<!-- script tag for ajax jquery -->
<link href='style.css' type="text/css" rel="stylesheet
浏览 0提问于2012-02-19得票数 1
5回答
我需要选择包含多个类的所有元素。类名并不重要，我只需要选择具有两个或更多元素的任何元素。
它的jQuery选择器是什么样子的？
浏览 2提问于2011-10-05得票数 3
回答已采纳
给定一个可以包含以下值的输入：
<input type="hidden" value="XXXXXXX" />
<input type="hidden" value="XXXXXXX, YYYYYYYY" />
<input type="hidden" value="XXXXXXX, YYYYYYYY, ZZZZZZZZZZ" />
我想使用jQuery删除: XXXXXXX，但是如果XXXXXXX后面有逗号，我需要删除逗号。
，这就是我现在要做的：
uuid
浏览 5提问于2010-12-03得票数 3
回答已采纳
2回答
我对jquery很陌生，我在理解Jquery.find()方法时遇到了问题。我一直在阅读其他的回应，但我觉得我仍然遗漏了一些东西。
我正在执行ajax调用并获得html返回。
<!DOCTYPE html>
<head><title></title></head>
<body>
<form name="CALC"><table>....</table></form>
</body>
</html>
然后我做了一个
$(data).fi
浏览 0提问于2013-05-22得票数 2
回答已采纳
1回答
我使用的是IE8和jQuery 1.4.2。我的网页不再正确呈现，在调试器中快速查看HTML时会发现，每个元素现在都有一个名为"jQuery1279875396122“的新属性，它的值是一个小整数，显然对每个节点都是唯一的。
查看jQuery源代码，我可以看到这个长数字来自(新日期).getTime()，但这是我在没有更多研究的情况下所能理解的极限。
我不知道这是否与我的渲染问题有关，但我以前从未在IE8或任何其他浏览器中注意到过这个问题。有人能解释一下这些属性是什么吗？
浏览 0提问于2010-07-23得票数 6
回答已采纳
1回答
我对jQuery在4个div之间切换有问题。我不知道为什么不起作用。它只是给我看了第一个div，什么也没做。当我在另一个网页上使用它时，它起了作用。代码如下：
HTML：
<table style="width: 75%; border: 0; text-align: center; margin: 0 auto;" align="center" padding="10"><tr>
<td width="50%" align="center"><a class="u
浏览 3提问于2016-02-12得票数 0
回答已采纳
我有6个特定的页面，有很多下面的html行：
<div class="ms-webpart-chrome ms-webpart-chrome-vertical ms-webpart-chrome-fullWidth ">
我需要删除所有这些特定页面上的第一个css元素，即"ms-webpart-chrome“和jquery。
"ms-webpart-chrome“所做的就是添加一个白色背景，我想要从所有页面中删除它。
我该怎么做呢？
浏览 2提问于2013-02-25得票数 0
3回答
当使用jQuery单击按钮时，我试图检索两个select字段的值。下面是相关的代码片段。
我把它放在一个外部文件中：
$(document).ready(function() {
$("#classSubmit").click(function() {
console.log($("dept").text());
console.log($("num").val());
});
});
这是一个php脚本，它生成我的select语句之一，第二个脚本作为xmlhttp请求的结果稍后被填充。
<f
浏览 5提问于2016-04-05得票数 0
回答已采纳
我创建了匿名函数，通过ajax加载数据。这是我的密码:-
jQuery(function(){
jQuery("[data-load]").each(function(){
jQuery("#"+jQuery(this).data('area')).load(jQuery(this).data("load"), function(){alert( "Load was performed." );});
});
});
这是我的HTML代码:-
<div data-load=&#
浏览 0提问于2014-06-12得票数 0
回答已采纳
我正在使用JQuery的显示和隐藏功能，它的工作原理就像当你点击图像时，它会打开一个信息日志。信息日志在页面的顶部打开，所以我需要当您单击页面底部的图像时，它会将您滚动到内容。
JQuery我正在使用的隐藏和显示内容：
jQuery(function() {
jQuery('.showSingle').click(function() {
jQuery('.targetDiv').hide();
jQuery('#div' + $(this).attr('target')).show();
});
});
浏览 0提问于2019-05-06得票数 0
2回答
我有一个页面，其中有一个搜索表单和结果加载的表格。我正在尝试使用jQuery来定位一个表的下一个实例，但是由于某种原因我找不到它。
<div class="search">
<form class="search" method="get" action="/page.php">
<input id="search" type="text" value="" name="search">
<input ty
浏览 1提问于2015-01-16得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
