jquery - 如何从 textarea val() 获取 attr()

Question

我正在寻找一种从文本区域或输入字段的输入中获取属性的方法。例子：

<textarea id="foo">
   <iframe src="bar"></iframe
</textarea>

我只想得到 src 参数。

有没有简单的方法（在 JS、jquery 或 php 中）？

所以现在它起作用了：

html:

   <textarea id="foo">
</textarea>
<p>push</p>

jQuery：

$('p').click(function(){
var textAreaVal = $('#foo').val();
var getIframeSrcFromTextAreaVal = $($(textAreaVal)).filter('iframe').attr('src');

    alert(getIframeSrcFromTextAreaVal);

})

谢谢

Answer 1

这是正确的方法：

<textarea id="foo">Hello Baby!!</textarea>

<iframe src="http://www.rediffmail.com" class='iwin'></iframe>

现在，如果你想获得 Textarea attr ' id ' 那么你可以在 jQuery 中这样做：

console.log($('#foo').attr('id'));// return element id = foo

console.log($('#foo').html());// return element text = Hello Baby!!

console.log($('#foo').val());// return element text = Hello Baby!!

对于 iframe

console.log($('iframe').attr('src'));// return element scr = http://www.rediffmail.com 

console.log($('iframe').attr('class'));// return element class = iwin 

好的，如果您决定在 textarea ( it's not good practice) 中使用 iframe 并想要获取iframe src 属性，那么您可以这样做：

html代码：

<textarea id="foo">
<iframe src="http://www.rediffmail.com" class='iwin'></iframe>
</textarea>

jQuery代码：

var textAreaVal = $('#foo').val();
var getIframeSrcFromTextAreaVal = $($(textAreaVal)).filter('iframe').attr('src');
concole.log(getIframeSrcFromTextAreaVal);

但是，在你的 iframe 里面是行不通的。它将像 textarea 中的字符串一样工作。