关于jquerytext=的信息

jquery 如何找到text 等于某值的元素

关于这个问题，用以下示例来说明：

成都创新互联是一家从事企业网站建设、成都做网站、网站制作、成都外贸网站建设、行业门户网站建设、网页设计制作的专业网站制作公司，拥有经验丰富的网站建设工程师和网页设计人员，具备各种规模与类型网站建设的实力，在网站建设领域树立了自己独特的设计风格。自公司成立以来曾独立设计制作的站点近千家。

div title="aaa"salgag/div

div title="bbb"ssfaf5345/div

div title="ccc"sspansf/spanaf/div

div title="ddd"ssfaf/div

如上四个div，你是想通过“ssfaf”只取得特定的第四个div，而不取得前面的div，对吧？

这个需求我理解的没错的话，那么这个jquery是没有提供现成的方法的，因为div内还可能有别的元素对吧，而通过$("#somediv").text()取到的是所有内部元素的文字，所以可能也因为这一点，jquery仅提供了:contains这个选择器。所以现有的办法还是自己写点代码来取对象，如下：

script type="text/javascript"

function getJqObjByText(content){

var ele;

$("div:contains('"+content+"')").each(function(){

//if($(this).text()==content){ //注：此处不能这样判断，会取得第三个div的。

if(this.innerHTML==content){

ele = this; //此处，如果希望直接返回jquery对象，那就给 $(this) 的值

return false; //加上这句，在找到第一个符合的元素时跳出$.each。

}

});

return ele;

}

alert("["+$(getJqObjByText("ssfaf")).attr("title")+"]");

/script

jquery 获取下拉框 某个text='xxx'的option的属性 非选中

类似标签[属性='值']这种叫做属性选择器，即选中属性=值的标签，但是，DOM里面是没有text属性的，所以option[text='1']是非法的。

我写了一段代码做参考

var x = "";

$("#selectID option").each(function() {

if($(this).text() == "1") {

x = $(this).val();

}

})

另外，id那里是不需要加#的，也就是select id="selectID"就可以了，#本身就表示id选择器

用JQuery的text()方法赋值的问题

在textarea元素中，双标签中的内容是textarea默认值，就和那个input中设置value的值一样。

但是对于这中网页上的输入元素，他们的值在手动改了之后就不是默认值了。

对于textarea元素，你用text()方法修改的只是html的值，也就是修改了它的默认值（可以在crome浏览器下用审查元素查看效果，是html修改了；而修改value就不会修改html）。

如果没有修改过的textarea，你用text()修改是能够看见效果的，因为现在显示的是默认值；

当你修改过后，就只能用val()方法去修改它的值了。

还有的默认值的区别是，在表单中有个元素

input

type="reset"

/

会重置表单内容，就会变成默认值。这个时候用text()就对textarea有用了

jquery 获取text值

首先，html属性中有两个方法，一个有参，一个无参

1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String

例子：

html页面代码：divpHello/p/div

jquery代码：$("div").html();

结果：Hello

2.有参html（val）：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象

html页面代码：div/div

jquery代码：$("div").html("pNice to meet you/p");

结果：[ divp Nice to meet you/p/div ]

其次，text属性中有两个方法，一个有参，一个无参

1. 无参text（）：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String

例子：

html页面代码：pbHello/b fine/p

pThank you!/p

jquery代码：$("p").text();

结果：HellofineThankyou!

2.有参text（val）：设置所有匹配元素的文本内容, 与 html() 类似, 但将编码 HTML (将 "" 和 "" 替换成相应的HTML实体).返回一个jquery对象

html页面代码：pTest Paragraph./p

jquery代码：$("p").text("bSome/b new text.");

结果:[ pbSome/b new text./p ]

最后，val（）属性中也有两个方法，一个有参，一个无参。

1.无参val（）：获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。

返回的是一个String、 array

例子：

html页面代码 ：

代码如下:

p/pbr/

select id="single"

optionSingle/option

optionSingle2/option

/select

select id="multiple" multiple="multiple"

option selected="selected"Multiple/option

optionMultiple2/option

option selected="selected"Multiple3/option

/select

jquery

代码：$("p").append( "bSingle:/b " + $("#single").val() + "

bMultiple:/b " + $("#multiple").val().join(", "));

结果:[ pbSingle:/bSinglebMultiple:/bMultiple, Multiple3/p]

2.有参val（val）：设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为check,select,radio元件赋值,返回一个jquery对象

html页面代码：

input type="text"/

jquery代码：$("input").val("hello world!");

结果：hello world!